JQuery 的DOM内Attributes 方法

事实上就是取出或设置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” />

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

− 3 = 4