• 香港历史开奖记录香港历史开奖记录【注册即送88元红利】

  • 发布时间:2016-01-22 10:59 | 作者:yc | 来源:互联网 | 浏览:1200 次
  • 香港历史开奖记录香港历史开奖记录【注册即送88元红利】

    $("div>label")//获取的是div下的统统子辈元素,不包孕孙辈

    代码块

    element选择器

    jquery是一个兼容多浏览器的,轻量级的javascript库,咱们做前段开拓时可以用jquery做到以下几点:

    格局:$("prev+next")

    总结

    格局:$("ance desc")

    $("div label")//获取的是div下的统统label元素,包孕子辈和孙辈

    ance desc选择器:ance参数(ancestor祖先的简写)注解父元素;desc参数(descendant子孙的简写)注解子孙元素,即包孕子元素、孙元素等等

    sele1,sele2,sele3选择器:每个之间用逗号离隔,哪种类型都可以如$("#id,.class,myname")

    比如:650) this.width=650;" src="http://s3.51cto.com/wyfs02/m01/74/f1/wkiol1yvkj-xbexkaagvpi2e9ti549.jpg" title="的.png" alt="wkiol1yvkj-xbexkaagvpi2e9ti549.jpg" />

    香港历史开奖记录香港历史开奖记录【注册即送88元红利】

    });

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f5/wkiom1yvlqwrqk14aahtqpjc9ki239.jpg" title="pn.png" alt="wkiom1yvlqwrqk14aahtqpjc9ki239.jpg" />

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f2/wkiol1yvm0lcugrsaajqg0qktr4317.jpg" title="1.png" alt="wkiol1yvm0lcugrsaajqg0qktr4317.jpg" />

    格局:$("element")

    比如:

    格局:$("sele1,sele2,sele3")

    比如:

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m01/74/f4/wkiom1yvkywgs122aahojuqqbxa114.jpg" title="sele.png" alt="wkiom1yvkywgs122aahojuqqbxa114.jpg" />

    比如:

    3.$("div+span")获取div相邻的span元素

    prev~next选择器

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f2/wkiol1yvlksgm彩金老虎机香港历史开奖记录香港历史开奖记录【注册即送88元红利】0e2aahcwzyo-ji935.jpg" title="pa.png" alt="wkiol1yvlksgm0e2aahcwzyo-ji935.jpg" />

    格局:$("*")把稳:由于运用*选择器获取的是悉数元素,因而,有些浏览器将会比较迟钝,这个选择器也需求慎重运用

    4.$("div~span")获取div相邻的统统span元素

    $(document).ready(function(){

    浏览器在加载dom时如下图:浏览器第一步加载html到dom,可是无意偶尔候,javascript无意偶尔候会在dom加载完之前就运行了,然则这时刻dom是没有加载完的以是,要让dom加载停止再实行js代码,就需求:

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f1/wkiol1yvjz7addlgaafu9fotbho845.jpg" title="element选择器.png" alt="wkiol1yvjz7addlgaafu9fotbho845.jpg" />

    看这篇文章时,主张有必定的html,css,javascript根底

    prev+next选择器 “prev”元素最紧邻的下一个元素由“next”选择器回来的而且只回来唯的一个元素

    .class选择器

    4.运用动画感化和收集交互

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f1/wkiol1yvii-qmt1zaagejsqbcaa940.jpg" title="id选择器.png" alt="wkiol1yvii-qmt1zaagejsqbcaa940.jpg" />

    格局:$("parent>child")

    比如:

    5.不改写页面而篡改页面的内容

    比如:

    比如:

    比如:

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f4/wkiom1yvkovsfnsxaagttycxvmo214.jpg" title="an.png" alt="wkiom1yvkovsfnsxaagttycxvmo214.jpg" />横线的代码注解 div下的统统label元素,但选不到

    格局:$("prev~next")

    格局:$("#id")

    .*选择器

    里边的label元素

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m02/74/f4/wkiom1yvj6piu登入bodog6mjaagrqszjyg8214.jpg" title="class.png" alt="wkiom1yvj6piu6mjaagrqszjyg8214.jpg" />

    比如:

    parent>child选择器

    2.篡改html的内容

    2.$("div>span")获取div下的统统直接子元素,没有孙子辈

    1.$("div span")获取div下的统统span子元素

    1.找到html中的元素

    3.依据用户的反映,比如按下按钮页面做出响应的动作

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f5/wkiom1yvmm-qzplzaafqlo8ft34579.jpg" title="qq截图1453.png" alt="wkiom1yvmm-qzplzaafqlo8ft34579.jpg" />

    格局:$(".class")

    重要懂得啥是dom,它是document object model的缩写,大略来说,等于浏览器加载html时天生的树状构造如下图:

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/m00/74/f5/wkiom1yvljtwmpzuaahgzmj0myk190.jpg" title="sib.png" alt="wkiom1yvljtwmpzuaahgzmj0myk190.jpg" />

    #id选择器

  • 相关内容

友情链接: