溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
沒有具體的說怎么怎么，只是把大致的方法和思路記錄下。資料文檔上很詳細。
<html>
<head>
<title>jquery元素定位</title>
<!--引入jquery-->
<script src="jquery-1.6.4.js"></script>
</head>
<body>
<p>第一行</p>
<p>第二行</p>
<p>第三行</p>
<p>第四行</p>
<form id="test_form" class="test_form_class">
文本框:
<input type="text" value="text文本框" name="username" /><br/>
文本域:
<textarea id="form_testarea">文本區</textarea><br/>
復選框:
<input id="hobby" type="checkbox" name="hobby" value="吃飯" />
<input id="hobby" type="checkbox" name="hobby" value="睡覺" />
<input type="checkbox" name="hobby" value="看電視" /> <br/>
單選框:
<input type="radio" name="fav" value="打架" />
<input type="radio" name="fav" value="玩游戲" /><br/>
</form>
</body>
<script>
//初始化載入
$(document).ready(function(){
/*
JQuery中查找元素的方法選擇器，節點關系，遍歷
*/
//選擇器的使用很簡單，基本和css的選擇器相同，根據標簽，class，id等屬性,
//也可以組合使用
//$()
//標簽,返回值是一個對象列表，可以使用下標來取得一個值
console.log($("input"));
//id id屬性使用#開頭，雖然返回的是一個列表，但是只有第一個匹配到的id的元素
console.log($("#hobby"));
//class 使用.開頭，也是一個列表
console.log($(".test_form_class"));
//當我們使用選擇器找到一個元素列表的時候還需要定位元素，使用遍歷可行，
//特殊位置可以使用些方法
//參考http://www.w3schools.com/jquery/jquery_ref_selectors.asp
//元素集中的第一個元素 :first
console.log($("p:first")); //p之后不能有空格
//剩下的就是使用query方法做查找，例如find方法
//Get the descendants of each element in the current set of matched elements,
// filtered by a selector
//當我們獲取一個大些的節點，在對其進行過濾找出其中所需要的元素節點
console.log($("form").find("input:last")); //找出form節點的最后一個input節點元素
//還有一些根據元素關系的查找方法 .parent(), .closest(),
// .children()<此方法類似于.find()方法>
});
</script>
</html>免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
