JavaScript函数库.jQuery

jQuery使用方法

  一、选择网页元素jQuery的基本设计和主要方法,就是“选择某个网页元素,然后对其进行某种操作”,这是它区别与其他函数库的根本特点。

    使用jQuery第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。

    选择表达式可以是css选择器:

    $(document)    //选择整个文档对象

    $('#myId')      //选择ID为myid的网页元素

    $('div.myClass')     //选择class为myclass的div元素

    $('input[name=first]')  //选择name属性等于first的input元素

    也可以是jQuery特有的表达式:

    $(‘a:first’)      //选择网页中第一个a元素

    $(‘tr:odd’)      //选择表格的奇数行

    $(‘#myfrom:input’)  //选择表单中的input元素

    $(‘div:visible’)    //选择可见的div元素

    $(‘div:gt(2)’)    //选择所有的div元素,除了前三个

    $(‘div:animated’)   //选择当前处于动画状态的div元素

  二、改变结果集

    如果选中多个元素,jQuery提供过滤器,可以缩小结果集

    $(‘div’).has(‘p’)      //选择包含p元素的div元素

    $(‘div’).not(‘.myclass‘);  //选择class不等于myclass的div元素

    $(‘div’).filter(‘.myclass’)   //选择class等于myclass的div元素

    $(‘div’).first()       //选择第一个div元素

    $(‘div’).eq(5)       //选择第六个div元素

    有些时候我们需要从结果集出发,移动到附近的相关元素,jQuery也提供了在DOM树上的移动方法:

    

猜你喜欢

转载自www.cnblogs.com/jacky912/p/10399430.html
今日推荐