jq获取当前li里的属性值_十.JQ操作DOM

1.获取ID为"id"的标签: document.getElementById("id")

2.获取所有name为"name"的标签: document.getElementsByName("name")

3.获取所有类名为"class"的标签: document.getElementsByClassName("class")

4.样式操作

a.$(this).css("name","value") // 单独一个样式操作

b.$(this).css({"name":"value","name":"value",……}) // 多个样式操作

c.添加类: $(this).addClass("class") // 可以同时操作多个类,以空格分隔

d.删除类: $(this).removeClass("class") // 可以同时操作多个类,以空格分隔

e.判断为指定样式: $(this).hsaClass("class")

f.添加和删除类之间的切换: toggleClass(".class")

5.内容操作

a.$(this).text() // 设置当前标签的文本值

$(this).text() // 不带参数时获取当前元素的文本值

$(this).text("content") // 设置前元素的文本值为content

$(this).text(function(index,value){retuen ""}) // "index,value"都是可选,当只存在一个时,"value"则会省略,利用return返回

"index": 接受当前元素的"index"位置

"value": 接受当前元素的文本值

b.$(this).html("") // 设置当前标签的文本值及HTML内容

$(this).html() // 不带参数时获取当前元素的文本值及HTML内容

$(this).html("content") // 设置前元素的文本及HTML内容为content

$(this).html(function(index,value){retuen ""}) // "index,value"都是可选,当只存在一个时,"value"则会省略,利用return返回

"index": 接受当前元素的"index"位置

"value": 接受当前元素的文本及HTML内容

c.$(this).val() 设置当前标签的value属性值

$(this).val() // 不带参数时获取当前元素的"value"值

$(this).val("content") // 设置当前元素的"value"值为content

$(this).val(function(index,value){retuen ""}) // "index,value"都是可选,当只存在一个时,"value"则会省略,利用return返回

"index": 接受当前元素的"index"位置

"value": 接受当前元素的"value"属性值

6.设置属性: $(this).attr()

a.$(this).attr("name") // 获取当前属性的name值

b.$(this).attr("name","value") // 设置当前属性name值为value

c.$(this).attr({"name":"value","name":"value"……}) // 设置当前多个属性值

7.删除属性: $(this).removeAttr("name") // 可以同时删除多个属性,用空格分隔