jquery选择器(笔记)
摘要:jquery的好处我就不多说了,baidu,google一大把,我们这里就讲解一下,在这里我们看一下jquery的选择器吧!
这里我也是想到什么就写什么,大家凑合着看.哈!
元素选择器
概述:根据给定的元素名匹配所有元素
参数:一个用于搜索的元素。指向 DOM 节点的标签名
alert($("p")[0].innerHTML); //获取页面中第一个P标记元素
alert($("h3 a")[0].innerHTML); // 获取页面中h3标记下面的a标记的内容
alert($("p[ab=ccc]")[0].innerHTML); //获取页面中ab属性等于ccc的p标记,ab属性是自定义属性
alert($("div p a")[0].innerHTML); //获取而面中在div标记下面的p标记下面的a标记的第一个的值
这里我也是想到什么就写什么,大家凑合着看.哈!
元素选择器
概述:根据给定的元素名匹配所有元素
参数:一个用于搜索的元素。指向 DOM 节点的标签名
alert($("p")[0].innerHTML); //获取页面中第一个P标记元素
alert($("h3 a")[0].innerHTML); // 获取页面中h3标记下面的a标记的内容
alert($("p[ab=ccc]")[0].innerHTML); //获取页面中ab属性等于ccc的p标记,ab属性是自定义属性
alert($("div p a")[0].innerHTML); //获取而面中在div标记下面的p标记下面的a标记的第一个的值
alert($("div p:has(a)")[0].innerHTML); //获取而面中在div标记下面的拥有a标记的p标记的内容
$("p:lt(2)"); //获取页面中前两个p标记
$("p:last"); //获取页面最后一个p标记
$("p:first"); //获取页面第一个p标记
#ID选择器
概述:根据给定的ID匹配一个元素,如果选择器中包涵特殊字符,可以用两个斜杠转义
参数:用于搜索的,通过元素的ID属性中定的值
$("#myDiv"); //获取页面元素id为myDiv的标记
$("#ABC[ss=cc]")[0]; //获取页面元素id为ABC,属性ss=cc的标记
类属性选择器
概念:根据给定的类匹配元素
参数:一个用以搜索的类,一个元素可以有多个类,只要有一个符合就可以找到
$(".myClass"); //查找使用myClass类的标记,例:<p class="myClass">哈哈</p>
四种选择器的用法基本一致的,只是一开始的表示有点不一样,比如元素就是$("元素")而id选择器就是$("#id")只是多了一个#符号而以.
jquery选择器是可以用得非常灵活的,在这里我也列举不了那么多.毕境在元素选择器那里的demo基本就够用了,如果不够,请发挥你的想像力吧,看完上面的这些例子,相信你已经基本掌握id,元素,类这三种选择器的基本应用了!
在上面的文章中,如果有什么地方写得不对或是讲解错误,欢迎指正出来..谢谢