事实上就是取出或设置DOM内的Attributes的内容。
1. addClass(class)
<Table class=”mytable“> : 可采用addClass(Class) 方法 $(“Table”).addClass(“mytable“);
2.removeClass(class)
删除class内容
HMTL: <Table class=”mytalbe”>
jQuery: $(“Table”).removeClass(“mytable”)
结果: <Table>
jQuery:$(“Table”).removeClass(“table”)
结果: <Table class=”my”>
3.attr(name)
取出属性性
<img src=”abc.jpg”> 如要取出abc.jpg 则: $(“img”).attr(“src”)
4.attr(properties)
设多个属性方法
HTML: <img/>
JQUery: $(“img”).attr({src:”abc.jpg” , alt:”Test Image”});
结果: <img src=”test.jpg” alt=”Test Image”/>
5.attr(key,value)
为一个属性设值
HTML: <img/>
JQuery: $(“img”).attr(“src”,”abc.jpg”);
结果: <img src=”abc.jpg”>
value 可以采用一个函数代替也行: 例如:
$(“img”).attr(“Title”,function(){return this.src})
这时最后结果为: <img src=”abc.jpg” Title=”abc.jpg”>
6.removeAttr(name)
删除属性
HTML: <img src=”abc.jpg”/>
JQuery: $(“img”).removeAttr(“src”);
结果: <img/>
7.html()
返回标签内html的内容
HTML: <div><input/></div>
JQuery: $(“div”).html();
结果: <input/>
8.text()
取得所有匹配元素的内容。
HTML:
<p><b>Test</b>Prargraph.</p>
<p>Prarparagraph</p>
jQuery: $(“P”).test();
结果: Test Prargraph.Paraparagrahp
9.text(val)
设置值.
HTML: <p>Test Paragraph.</p>
JQuery: $(“p”).text(“some new text.”);
结果: <p>Some new text.</p>
10. toggleClass(class)
如存在则删除class,不存在则增加,这个方法可能用的比较少,这不例举了。
11.val()
取得一个元素的值
HTML: <input type=”text” value=”some test”/>
JQuery: $(“input”).val();
结果: “some text”
12.val(val)
设置一个元素的值
HTML: <input type=”text” value=”some test” />
jQuery: $(“input”).val(“text”);
结果: <input type=”Text” value=”text” />