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

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

posted on 2009-11-30 09:53  Ss_Andy  阅读(958)  评论(0编辑  收藏  举报