您的位置:1010cc时时彩经典版 > 1010cc时时彩客户端 > jquery基础笔记,jQuery中的基本选项器用法学习课

jquery基础笔记,jQuery中的基本选项器用法学习课

发布时间:2019-08-14 09:53编辑:1010cc时时彩客户端浏览(99)

    jQuery自学笔记(二):jQuery采取器,jquery选用器

    一、轻便选取器 ID选用器:$('#box') 成分标具名:$('div') 类接纳器:$('.box') jQuery提供了length和size()二种格局查看重临的成分,可验证ID在页面只出现一遍,ID数次涌出则后边的会“失明”。CSS找到成分后增多的是纯粹的体制,jQuery找到成分后加多的是动作表现。jQuery子采用器包容IE6,如:$('#box>p') 二、进级选取器 群组接纳器:获取七个DOM对象,如:$('span,em,.box') 后代选取器:获取追溯到多少个DOM对象,如:$('ul li a') 通配选用器:获取具备因素标签的DOM对象,如:$('*') 以上接纳器能够勾兑使用,接纳更精准高效,当中通配选用器相当少使用,影响属性 三、高端采取器 子接纳器:只获取子类节点的多个DOM对象,如:$('div p') next选取器:只获取子节点后一个同级的DOM对象,如:$('div p') nextAll采取器:获取某节点后边全体同级的DOM对象,如:$('div~p') jQuery为后人选用器提供了多个等于的find()方法,如:$('#box').find('p').css('color','red'); jQuery为子选拔器提供了二个等于的children()方法,如:$('#box').children('p').css('color','red'); jQuery为next选拔器提供了一个也便是的next()方法,如:$('#box').next('p').css('color','red'); jQuery为nextAll采取器提供了一个相当的nextAll()方法,如:$('#box').nextAll('p').css('color','red'); 补充高端采纳器,jQuery还提供了进一步助长的方法来抉择元素: $('#box').prev('p').css('color','red');   //同级上八个因素 $('#box').prevAll('p').css('color','red');   //同级全数地点的因素 $('#box').prevUntil('p').css('color','red');     //同级上非钦定成分选定,蒙受则甘休$('#box').nextUntil('p').css('color','red');     //同级下非钦点成分选定,遭逢则甘休 四、属性选用器 1010cc时时彩经典版 1 五、基本过滤选择器 通过特定的过滤准则来筛选所需的DOM成分,和CSS中伪类的语法类似,使用冒号(:)开端。 1010cc时时彩经典版 2 focus过滤器必须是网页伊始状态已经被激活主题的成分技术得以实现要素的猎取,并非鼠标点击恐怕TAB键敲击激活的 六、内容过滤采取器 内容过滤选用器重要是包涵的子成分可能文本内容上 1010cc时时彩经典版 3 七、可知性过滤器

    1010cc时时彩经典版 4

     八、子成分接纳器

    1010cc时时彩经典版 5

    一、轻易选拔器ID选取器:$('#box')成分标签名:$('div')类采纳器:$('.box')jQuery提供了length和...

    一.简单选取器

    在选取jQuery选取器时,我们首先必须利用“$()”函数来包装我们的CSS法则。而CSS准绳作为参数传递到jQuery对象内部后,再回去包括页面中对应成分的jQuery对象。

    接着,我们就可以对那么些得到到的DOM节点开始展览行为操作了。

    #box {//使用ID选拔器的CSS准则color:red;//将ID为box的成分字体颜色变红}

    在jQuery接纳器里,大家利用如下的议程获得一样的结果:

    $('#box').css('color', 'red');//获取DOM节点指标,并丰富行为

    那就是说除了ID采纳器之外,还会有二种基本的选拔器,分别为:成分标签字和类(class):

    选择器

    CSS模式

    jQuery模式

    描述

    相当于:

    四、属性选用器:

    1010cc时时彩经典版 6

    质量选择器

    你只怕感兴趣的篇章:

    • jQuery Selector选择器小结
    • jQuery温习篇 强大的JQuery选择器
    • JQuery中$之选用器用法介绍
    • JQuery 采纳器、过滤器介绍
    • jQuery 顺便学习下CSS选择器 奇偶相称nth-child(even)
    • Jquery颜色选用器ColorPicker完成代码
    • jquery 中多规格选择器,相对采纳器,等级次序选拔器的不一样
    • jquery采取器之性质过滤选用器详解
    • 应用jquery选拔器怎样获取父级成分、同级成分、子成分
    • Jquery采用器中运用变量完结动态选取例子
    • jquery获取css中的选拔器(实例讲授)
    • jQuery之日期选拔器的递进解析
    • Jquery接纳器 $完成原理

    一.轻便选择器 在动用jQuery 接纳器时,必须使用“$()”函数来包装CSS 准则。而CSS 法则作...

    一.代码风格

    $(function () {});

    $(‘#box’);$(‘#box’).css(‘color’, ‘red’);

    //试行二个无名氏函数//实行实行的ID成分选拔//试行成效函数

    12.next选择器

    三、档期的顺序选择器:

    1010cc时时彩经典版 7

    档案的次序选取器

    在优秀CSS采用器格局的还要下,Jquery又自定义了异样的不二等秘书技举行DOM对象的选取。具体方法如下:

    $('#box').children('p').css('color','red'); //等同于子选用器
    $('#box').next('p').css('color','red'); //等同于同级下一个成分
    $("#box").nextAll('p').css('color','red'); //等同于同级全部上边包车型客车因素
    $("#box").prev('p').css('color','red'); //等同于同级上两个要素
    $("#box").prevAll('p').css('color','red'); //等同于同级全部下边包车型地铁要素
    $("#box").prevUntil('p').css('color','red'); //等同于同级上非内定成分选定,遇到则截至
    $("#box").nextUntil('p').css('color','red'); //等同于同级下非钦赐成分选定,蒙受则结束
    $("#box").siblings('p').css('color','red'); //等同于同级上下全体因素

    jQuery中的基本选项器用工学习课程,jquery选拔器

    一.轻便采纳器 在运用jQuery 选取器时,必须采用“$()”函数来包装CSS 准绳。而CSS 准则作为参数字传送递到jQuery 对象内部后,再回到蕴涵页面中对应成分的jQuery 对象。随后,就能够对那些获得到的DOM 节点进行行为操作了。

    #box {//使用ID 选择器的CSS 规则 
    
     color:red;//将ID 为box 的元素字体颜色变红 
    
    } 
    

    在jQuery 选取器里,大家使用如下的点子获得同样的结果:

    $('#box').css('color', 'red');//获取DOM 节点对象,并添加行为 
    

    那么除了ID 选用器之外,还应该有三种为主的选择器,分别为:成分标签字和类(class):

    选择器 CSS 模式 jQuery 模式 描述
    元素名 div {}  $('div')  获取所有div 元素的DOM 对象
    ID #box {} $('#box')   获取一个ID 为box 元素的DOM 对象
    类(class) .box{}  $('.box')   获取所有class 为box 的所有DOM 对象
    $('#box').css('color', 'red');//获取DOM 节点对象,并添加行为 
    
    $('div').css('color', 'red');//元素选择器,返回多个元素 
    
    $('#box').css('color', 'red'); //ID 选择器,返回单个元素 
    
    $('.box').css('color', 'red'); //类(class)选择器,返回多个元素 
    

    为了表明ID 再次来到的是单个成分,而元素标具名和类(class)再次回到的是多少个,可以选取jQuery 焦点自带的贰天性质length 或size()方法来查阅重回的要素个数。

    alert($('div').size());//3 个 
    
    alert($('#box').size()); //1 个,后面两个失明了 
    
    alert($('.box').size());//3 个 
    

    同理,也得以直接行使jQuery 大旨属性来操作:

    alert($('#box').length);//1 个,后面失明了 
    

    提个醒:有个难点特地要专注,ID 在页面只允许出现一遍,一般都以供给开荒者要遵循和维持这一个法则。但要是你在页面中出现一次,而且在CSS 使用样式,那么那八个因素还或许会举行职能。但一旦,你想在jQuery 这么去做,那么就能遭遇失明的难题。所以,开垦者必须养成非凡的坚守习于旧贯,在三个页面仅使用贰个ID。

    $('#box').css('color', 'red');//只有第一个ID 变红,后面两个失明 
    

    jQuery 选择器的写法与CSS 选拔器十三分好像,只可是功效各异。CSS 找到成分后增添的是单纯的体裁,而jQuery 则增进的是动作行为。最入眼的一点是:CSS 在增多体制的时候,高级选用器会对一部分浏览器不合营,而jQuery 选用器在增多CSS 样式的时候却不用为此烦恼。

    #box > p { //CSS 子选择器,IE6 不支持 
    
     color:red; 
    
    } 
    
    $('#box > p').css('color','red'); //jQuery 子选择器,兼容了IE6 
    

    jQuery 采纳器帮忙CSS1、CSS2 的成套条条框框,支持CSS3 部分实用的准则,同一时候它还应该有微量独有的平整。所以,对于早就了然CSS 的开辟职员,学习jQuery 采取器差不离是零股份资本。而jQuery 选拔器在获得节点目的的时候不仅仅轻松,还停放了容错功能,那样避免像JavaScript这样每一遍对节点的获得要求张开中用剖断。

    $('#pox').css('color', 'red');//不存在ID 为pox 的元素,也不报错 
    
    document.getElementById('pox').style.color = 'red';//报错了 
    

    因为jQuery 内部进行了推断,而原生的DOM 节点获取形式并未打开剖断,所以导致了三个荒谬,原生方法能够如此判别化解那个难题:

    if (document.getElementById('pox')) {//先判断是否存在这个对象 
    
     document.getElementById('pox').style.color = 'red'; 
    
    } 
    

    那么对于缺点和失误荒诞不经的要素,使用jQuery 调用的话,怎么去看清是不是存在吗?因为自身再次回到的是jQuery 对象,只怕会招致不设有成分存在与否,都会回去true。

    if ($('#pox').length > 0) {//判断元素包含数量即可 
    
     $('#pox').css('color', 'red'); 
    
    } 
    

    除去这种艺术之外,还是能够用转换为DOM 对象的点子来推断,举例:

    if ($('#pox').get(0)) {} 或if ($('#pox')[0]) {} //通过数组下标也可以获取DOM 对象 
    

    二.进级选用器 在简约采用器中,领悟了最主旨的二种采用器:成分标签字、ID 和类(class)。那么在基础选拔器外,还应该有一对晋级和高端的选拔器方便大家越来越精准的采用元素。

    选择器 CSS 模式 jQuery 模式 描述
    群组选择器 span,em,.box {}  $('span,em,.box')  获取多个选择器的DOM 对象
    后代选择器 ul li a {} $('ul li a') 获取追溯到的多个DOM 对象
    通配选择器 * {}  $('*')  获取所有元素标签的DOM 对象
    //群组选择器 
    span, em, .box {//多种选择器添加红色字体 
    
     color:red; 
    
    } 
    
    $('span, em, .box').css('color', 'red');//群组选择器jQuery 方式 
    
    //后代选择器 
    ul li a { //层层追溯到的元素添加红色字体 
    
     color:red; 
    
    } 
    
    $('ul li a').css('color', 'red');//群组选择器jQuery 方式 
    
    //通配选择器 
    * { //页面所有元素都添加红色字体 
    
    color:red; 
    
    } 
    
    $('*').css('color', 'red'); //通配选择器 
    

    此时此刻牵线的七种选取器,在实际上利用中,能够灵活的烘托,使得选取器更加的精准和便捷:

    $('#box p, ul li *').css('color', 'red');//组合了多种选择器 
    

    告诫:在其实应用上,通配选取器一般用的并很少,越发是在大通配上,譬如:$('*'),这种使用方法效用十分低,影响属性,提出竟或许少用。还恐怕有一种采用器,可以在ID 和类(class)中指明成分前缀,例如:

    $('div.box');//限定必须是.box 元素获取必须是div 
    
    $('p#box div.side');//同上 
    

    类(class)有三个异样的格局,便是同二个DOM 节点能够注明多个类(class)。那么对于这种格式,我们有多class 选拔器能够采纳,但要注意和class 群组选用器的区分。

    .box.pox {//双class 选择器,IE6 出现异常 
    
     color:red; 
    
    } 
    
    $('.box.pox').css('color', 'red');//兼容IE6,解决了异常 
    

    多class 选用器是必须三个DOM 节点同时有多少个class,用那七个class 进行准确限定。而群组class 选拔器,只可是是八个class 举办抉择而已。

    $('.box, .pox').css('color', 'red');//加了逗号,体会区别 
    

    警示:在布局选择器时,有二个通用的优化原则:只追求须要的显著性。当采用器筛选越繁杂,jQuery 内部的采纳器引擎管理字符串的大运就越长。举例:

    $('div#box ul li a#link');//让jQuery 内部处理了不必要的字符串 
    
    $('#link'); //ID 是唯一性的,准确度不变,性能提升 
    

    三.高档采用器 在前头多样最健康的接纳器,一般的话通过那三种选择器基本上可以解决全部DOM 节点对象选择的标题。但在十分多独具匠心的元素上,比方爸爸和儿子关系的因素,兄弟关系的因素,特殊属性的要素等等。在最初CSS 的选用上,由于IE6 等低版本浏览器不扶助,所以这一个高级选拔器的应用也不具备广泛性,但随着jQuery 兼容,这几个选用器的利用频率也越
    来越高。

    层次选择器
    选择器 CSS 模式 jQuery 模式 描述
    后代选择器 ul li a {}  $('ul li a')  获取追溯到的多个DOM 对象
    子选择器 div > p {}  $('div p')  只获取子类节点的多个DOM 对象
    next 选择器 div p {}  $('div p') 只获取某节点后一个同级DOM 对象
    nextAll 选择器 div ~ p {}  $('div ~ p') 获取某节点后面所有同级DOM 对象

    在档次选用器中,除了后代选拔器之外,其他二种高端选取器是不支持IE6 的,而jQuery却是兼容IE6 的。

    //后代选择器
    $('#box p').css('color', 'red');//全兼容 
    

    jQuery 为后代选择器提供了二个等价find()方法

    $('#box').find('p').css('color', 'red');//和后代选择器等价 
    
    //子选择器,孙子后失明
    
    #box > p { //IE6 不支持 
    
     color:red; 
    
    } 
    
    $('#box > p').css('color', 'red'); //兼容IE6 
    

    jQuery 为子选取器提供了三个等价children()方法:

    $('#box').children('p').css('color', 'red');//和子选择器等价 
    
    //next 选择器(下一个同级节点) 
    #box   p {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('#box p').css('color', 'red');//兼容IE6 
    

    jQuery 为next 接纳器提供了三个等于的章程next():

    $('#box').next('p').css('color', 'red');//和next 选择器等价 
    
    //nextAll 选择器(后面所有同级节点)
    
    #box ~ p { //IE6 不支持 
    
    color:red; 
    
    } 
    
    $('#box ~ p').css('color', 'red');//兼容IE6 
    

    jQuery 为nextAll 选取器提供了三个对等的不二秘籍nextAll():

    $('#box').nextAll('p').css('color', 'red');//和nextAll 选择器等价 
    

    档案的次序选取器对节点的档期的顺序都以有供给的,比方子选拔器,唯有子节点才得以被采用到,孙子节点和重外甥节点都无可奈何选取到。next 和nextAll 选拔器,必须是同贰个档次的后一个和后N 个,不在同一个档期的顺序就不大概选用到了。在find()、next()、nextAll()和children()这多个方法中,假若不传递参数,就也正是传递了“*”,即任何节点,不建议那样做,不但影响属性,况且由于精准度不好或许在盘根错节的HTML 结构时发出美妙的结果。

    $('#box').next();//相当于$('#box').next('*'); 
    

    为了填补高端选拔器的那三种格局,jQuery 还提供了更为助长的办法来摘取成分:

    $('#box').prev('p').css('color', 'red');//同级上一个元素 
    
    $('#box').prevAll('p').css('color', 'red');//同级所有上面的元素 
    

    nextUntil()和prevUnitl()方法是选定同级的上边或地点的具备节点,选定非钦点的保有因素,一旦遇上钦赐的要素就停止选定。

    $('#box').prevUntil('p').css('color', 'red');//同级上非指定元素选定,遇到则停止 
    
    $('#box').nextUntil('p').css('color', 'red');//同级下非指定元素选定,遇到则停止 
    

    siblings()方法正好集成了prevAll()和nextAll()七个职能的成效,及左右相邻的持有因素实行选定:

    $('#box').siblings('p').css('color', 'red');//同级上下所有元素选定 
    
    //等价于下面: 
    
    $('#box').prevAll('p').css('color', 'red');//同级上所有元素选定 
    
    $('#box').nextAll('p').css('color', 'red'); //同级下所有元素选定 
    

    提个醒:切不可写成“$('#box').prevAll('p').nextAll('p').css('color', 'red');”这种方式,因为prevAll('p')再次回到的是一度上方全体钦点成分,然后再nextAll('p')选定下方全部钦定成分,那样必然出现错误。理论上来说,jQuery 提供的方式find()、next()、nextAll()和children()运维速度要快于使用高端选择器。因为她俩落到实处的算法有所不一样,高档选取器是通过深入分析字符串来获取节点指标,而jQuery 提供的点子一般都以单个选拔器,是足以直接获取的。但这种速度的差别,对于客户端脚本来讲没有太大的实用性,並且速度的歧异还要取决于了浏览器和挑选的因素内容。比如,在IE6/7 不帮助querySelectorAll()方法,则会选用“Sizzle”引擎,速度就能够慢,而任何浏览器则会十分的快。风野趣的能够驾驭那几个方法和那么些引擎。选拔器快慢剖判:

    //这条最快,会使用原生的getElementById、ByName、ByTagName 和querySelectorAll()
    
    $('#box').find('p'); 
    
    //jQuery 会自动把这条语句转成$('#box').find('p'),这会导致一定的性能损失。它比最快的形式慢了5%-10%
    
    $('p', '#box'); 
    
    //这条语句在jQuery 内部,会使用$.sibling()和javascript 的nextSibling()方法,一个个遍历节点。它比最快的形式大约慢50%
    
    $('#box').children('p'); 
    
    //jQuery 内部使用Sizzle 引擎,处理各种选择器。Sizzle 引擎的选择顺序是从右到左,所以这条语句是先选p,然后再一个个过滤出父元素#box,这导致它比最快的形式大约慢70%
    
    $('#box > p'); 
    
    //这条语句与上一条是同样的情况。但是,上一条只选择直接的子元素,这一条可以于选择多级子元素,所以它的速度更慢,大概比最快的形式慢了77%。
    
    $('#box p'); 
    
    //jQuery 内部会将这条语句转成$('#box').find('p'),比最快的形式慢了23%。
    
    $('p', $('#parent')); 
    

    综上所属,最快的是find()方法,最慢的是$('#box p')这种高等选用器。若是一齐首将$('#box')举办赋值,那么jQuery 就对其变量实行缓存,那么速度会进一步升高。

    var box = $('#box'); 
    
    var p = box.find('p'); 
    

    留心:使用哪类方案吗?其实,使用哪类都差非常的少。这里,推荐应用jQuery 提供的方式。因为不但方法的快慢比高端选拔器运维的更加快,何况它的油滑和扩大性要大于高端采用器。使用“ ”或“~”从字面上未有next 和nextAll 尤其语义化,越发清楚,jQuery 的措施特别丰盛,提供了相对的prev 和prevAll。终归jQuery 是编制程序语言,须求
    可见灵活的拆分和组合选用器,而使用CSS 方式过于刻板。所以,如若jQuery 提供了单独的主意来代替某个接纳器的功用,推荐优用独立的秘技。

    属性选择器
    CSS 模式 jQuery 模式 描述
    a[title]  $('a[title]')  获取具有这个属性的DOM 对象
    a[title=num1]  $('a[title=num1]') 获取具有这个属性=这个属性值的DOM 对 象
    a[title^=num]  $('a[title^=num]') 获取具有这个属性且开头属性值匹配的 DOM 对象
    a[title|=num]  $('a[title|=num]') 获取具有这个属性且等于属性值或开头属 性值匹配后面跟一个“-”号的DOM 对象
    a[title$=num]  $('a[title$=num]') 获取具有这个属性且结尾属性值匹配的 DOM 对象
    a[title!=num]  $('a[title!=num]') 获取具有这个属性且不等于属性值的 DOM 对象
    a[title~=num]  $('a[title~=num]') 获取具有这个属性且属性值是以一个空格 分割的列表,其中包含属性值的DOM 对 象
    a[title*=num]  $('a[title*=num]') 获取具有这个属性且属性值含有一个指定 字串的DOM 对象
    a[bbb][title=num1]  $('a[bbb][title=num1]') 获取具有这个属性且属性值匹配的DOM 对象

    特性选拔器也不扶助IE6,所以在CSS 界假设要协作低版本,那么也是非主流。但jQuery却不要思索这么些主题素材。

    //选定这个属性的 
    a[title] { //IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title]').css('color', 'red');//兼容IE6 了 
    
    //选定具有这个属性=这个属性值的
    
    a[title=num1] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title=num1]').css('color', 'red');//兼容IE6 了 
    
    //选定具有这个属性且开头属性值匹配的
    
    a[title^=num] { //IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title=^num]').css('color', 'red'); //兼容IE6 了 
    
    //选定具有这个属性且等于属性值或开头属性值匹配后面跟一个“-”号
    
    a[title|=num] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title|="num"]').css('color', 'red');//兼容IE6 了 
    
    //选定具有这个属性且结尾属性值匹配的
    
    a[title$=num] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title$=num]').css('color','red'); //兼容IE6 了 
    
    //选定具有这个属性且属性值不想等的
    
    a[title!=num1] {//不支持此CSS 选择器 
    
     color:red; 
    
    } 
    
    $('a[title!=num1]').css('color','red');//jQuery 支持这种写法 
    
    //选定具有这个属性且属性值是以一个空格分割的列表,其中包含属性值的
    
    a[title~=num] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title~=num1]').css('color','red'); //兼容IE6 
    
    //选定具有这个属性且属性值含有一个指定字串的
    
    a[title*=num] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[title*=num]').css('color','red');//兼容IE6 
    
    //选定具有多个属性且属性值匹配成功的
    
    a[bbb][title=num1] {//IE6 不支持 
    
     color:red; 
    
    } 
    
    $('a[bbb][title=num1]').css('color','red');//兼容IE6 
    

    //nextAll接纳器(前边全体同级节点)#box ~ p {

    color:red;

    }

    $('#box').nextAll('p').css('color', 'red');//和nextAll选用器等价

    14.prev选择器

    二、升级采取器:

    1010cc时时彩经典版 8

    进级选取器

    $('#box p').css('color', 'red');//兼容IE6

    jQuery为next选择器提供了一个对等的法子next():

    $('#box').next('p').css('color', 'red');

    15.prevAll选择器

    Jquery最基本的组成都部队分就是采用器引擎。他承袭了CSS的语法,能够对DOM成分的标签字、属性名、状态等开始展览高效、准确的精选,何况不要怀想浏览器的包容性。Jquery选用器除达成了中央的标签选取外,还提供了各样新鲜的接纳。

    三.对象交换

    jQuery对象即使是jQuery库只有的对象,但它也是经过JavaScript实行封装而来的。笔者

    们得以直接输出来得到它的音讯。

    alert($);//jQuery对象方法内部

    alert($());//jQuery对象回来的对象,依然jQuery

    alert($('#box'));//包裹ID元素再次来到对象,如故jQuery

    从地点三组代码大家开采:只要利用了包装后,最终回到的都以jQuery对象。那样的

    平价可想而知,正是能够连接管理。但一时,大家也须要回到原生的DOM对象,比方:

    alert(document.getElementById('box'));//[object HTMLDivElement]

    backbutton.on('click',function(){

    $('html,body').animate({

    scrollTop:0

    },800)

    })

    一、基本选取器:

    1010cc时时彩经典版 9

    基本选拔器

    对于取得的要素的个数我们可已经过五个办法来获得

    $("div").size();
    $("div").length();

    一.什么是jQuery

    jQuery是三个JavaScript库,它通过包装原生的JavaScript函数获得一整套概念好的方

    法。它的撰稿人是JohnResig,于二〇〇六年创造的一个开源项目,随着更加多开荒者的加盟,jQuery已经济合作并了JavaScript、CSS、DOM和Ajax于一体的无敌功用。它能够用最少的代码,

    8.获取DOM节点

    #box p {//IE6不支持

    color:red;

    }

    11.子选拔器

    jQuery想要到达猎取原生的DOM对象,能够这么管理:

    alert($('#box').get(0));//ID成分的首先个原生DOM

    $('div p')约等于$('div').next('p'):只猎取某节点后四个同级DOM对象

    1010cc时时彩经典版,其他JavaScript库

    日前除了那几个之外jQuery,还恐怕有5个库较为流行,他们分别是YUI、Prototype、Mootools、Dojo和ExtJS。

    YUI,是雅虎公司成本的一套完备的、扩张性非凡的富交互网页工具集。Prototype,是最早成型的JavaScript库之一,对JavaScript内置对象做了大气的扩大。Dojo,Dojo庞大之处在于提供了任何库没有的成效。离线存款和储蓄、Logo组件等等。Mootools,轻量、简洁、模块化和面向对象的JavaScript框架。

    ExtJS,简称Ext,原来是对YUI的贰个恢弘,主要创制前端用户分界面。(付费的)

    1.jquery网址:

    本文由1010cc时时彩经典版发布于1010cc时时彩客户端,转载请注明出处:jquery基础笔记,jQuery中的基本选项器用法学习课

    关键词: