jquery 常用選擇器及方法

1.jQeury：$（“div span”）和$（“div>span”）有什么區別啊？不都是選擇div標簽下的span么？

這涉及到CSS的知識哦~說明你的CSS沒怎么學好呢嘿嘿,有空記得補學一下CSS基礎.

關于CSS的選擇器, > 是用來選取兄弟什么的(具體叫法我也忘了)

舉個例子

<div>

  <span id = "span1"></span>

  <span id = "span2"> <span id = "span3"></span> </span>

</div>

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('<p>After Hello World</p>');

            })

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

                $('p').before('<p>Before Hello World</p>');

            })

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

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

            })

10.dom 和 jquery 取class屬性的方法區別。

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

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