HTML示例代码:
第一个标题
第二个标题
第一段
第二段
属性:
attr(n|k,v|p|f):设置或返回被选属性的值
name:返回所有所选属性的值
key,value:以键值对的方式设置所有所选属性的值
properties:以多个键值对的方式同时设置多个所选属性的值
key,func:以函数返回的方式设置属性名,属性值
// name:返回查找的属性的所有值
$("img").attr('src')
// key,value:设置查找的所有属性的值
$("img").attr('src','kong.jpg')
// properties:同时设置多个属性的值
$("img").attr({'src':'test.jpg','alt':'Test_img'})
// 使用函数的方法设置属性的值
$("img").attr("filepath",function(){return this.src})
removeAttr(name):删除所选的属性名
$("img").removeAttr("src")
prop(n|k,v|p|f):获取匹配的元素集中的第一个属性值
name:获取匹配的元素集中第一个属性值
k,v:以键值对的方式设置所有属性的值
properties:以多个键值对的方式设置所有属性的值
// name:选中返回true,未选中返回false
$("input[type=checkbox]").prop("checked")
// properties 禁用所有
$("input[type=checkbox]").prop({"disabled":true})
// k,v 取消禁用
$("input[type=checkbox]").prop("disabled",false)
// 选中所有
$("input[type=checkbox]").prop("checked",true)
// 取消所有
$("input[type=checkbox]").prop("checked",fasle)
removePrope(name) 删除由prope方法设置的属性集,别的方法设置的属性集它删除不了
var $para = $("p");
$para.prop("luggageCode",1234);
$para.append("The secret luggage code is: ",String($para.prop("luggageCode")), ". ")
$para.removeProp("luggageCode")
$para.append("now secret luggage code is: ",String($para.prop("luggageCode")), ". ")
class类
addClass(class|fn):为每个匹配的元素添加指定的类名,多个类名以空格隔开
// addClass:
$("p").addClass("selected select2")
$("ul li:last").addClass(function(){
return 'item-'+$(this).index()
})
removeClass(class|fn):从所匹配的元素中删除所有或指定的类
// 从匹配的元素中删除指定的类
$("span").removeClass("clr")
// 从匹配的元素中删除所有的类
$("span").removeClass()
// 删除最后一个元素上与前一个重复的类
$("li:last").removeClass(function(){
return $(this).prev().attr('class')
})
HTML:代码/文本/值
html(val|fn):取得第一个匹配元素的html内容
// 取得第一个匹配元素的html内容
$("p").html()
// 设置所有p元素的html内容
$("p").html("hellow world!")
text(val|fn):取得所有匹配元素的内容,结果是由所有匹配元素内容组合起来的文本,对html和xml都有效。
// 取得所有元素的文本内容
$("p").text()
// 设置所有p元素的文本内容
$("p").text("Hellow World..")
val(val|fn|arr):获得匹配元素的当前值,当为slelect或多选框时,传入数组数据
// 取得了第一个input的当前值
$("input").val()
// 设置所有input元素的当前值为hello
$("input").val("hello")