没有具体的说怎么怎么，只是把大致的方法和思路记录下。资料文档上很详细。
<html> <head> <title>jquery元素定位</title> <!--引入jquery--> <script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="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>
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶(hù)
支付方式
打開(kāi)微信掃一掃，即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)