网站建设资讯

NEWS

网站建设资讯

jquery常用选择器及方法-创新互联

1.jQeury:$(“div span”)和$(“div>span”)有什么区别啊?不都是选择div标签下的span么?

专注于为中小企业提供成都网站设计、做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业宝安免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

这涉及到CSS的知识哦~说明你的CSS没怎么学好呢嘿嘿,有空记得补学一下CSS基础.

关于CSS的选择器, > 是用来选取兄弟什么的(具体叫法我也忘了)

举个例子

 

 

div > span 选取的结果是{span1,span2},

div span 选取的结果是{span1,span2,span3}

因为span3也是span2的子元素,不单单是div的子元素,所以div > span 无法选取到他!

2.$('.circle_tab_con').html(data) 等价于 $('.circle_tab_con').empty().append(data);

3.

if (typeof(data.imgname) != 'undefined') {

for (var i = 0; i < data.imgname.length; i++) {

...

}

}

4.选择class为num 的span,也可以是id等属性

$("span[class='num']").empty().removeClass("num");

5.js 模拟点击

$(".comment_tab > a").click(function(){

$(this).addClass("cur").siblings().removeClass("cur");

var i=$(this).index();

...

}

$(".comment_tab li > a").eq(1).trigger("click");

6.jquery 转DOM 取标签名字 tagName

console.warn(this.tagName);

console.warn($(this).next().next()[0].tagName);

$("#aa")[0].tagName;等价与doucument.getElementById("aa").tagName;//html元素标签名

$("#aa")[0].checked="checked";等价与doucument.getElementById("aa").checked="checked";

7.name 选择

if ($("[name='rt']").eq(1).prop("checked")) {

8.//gt() lt() eq()

jQuery的:gt(index)选择器用于匹配所有大于指定索引的元素,将其封装为jQuery对象并返回。

与该选择器相对的是:lt(index)选择器,用于匹配所有小于指定索引的元素。

eq(index)选择器,用于匹配等于指定索引的元素

9.  

$('#Button1').click(function () {

        $('p').after('

After Hello World

');

      })

      $('#Button2').click(function () {

        $('p').before('

Before Hello World

');

      })

      $('#Button3').click(function () {

        $('p:first').insertAfter('p:last');

      })

10.dom 和 jquery 取class属性的方法区别。

console.warn(document.getElementById("themeAttr").className);

console.warn($("#themeAttr").attr("class"));

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文名称:jquery常用选择器及方法-创新互联
新闻来源:http://njwzjz.com/article/dipehe.html