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标记的第一个的值

    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,元素,类这三种选择器的基本应用了!

   在上面的文章中,如果有什么地方写得不对或是讲解错误,欢迎指正出来..谢谢