Jquery 基础函数用法

13.removeAttr(name) 删除属性

eg: <input disabled="disabled"/>

$("input").removeAttr("disabled") ==>> [ <input/> ]
删除元素属性,使用方法与attr(加入元素属性)一样

14.removeClass(class) 删除样式，当class是空时删除所有的样式，如果class为指定样式则删指定样式

eg: <p class="highlight selected first">Hello</p>

$("p").removeClass("selected highlight") ==>> [ <p class="first">Hello</p> ]

$("p").removeClass() ==>> [ <p>Hello</p> ]
删除class样式,使用方法与addClass使用方式一样

15. text() 取得element中的内容text(val) 设置element内容text与html差不多，只是text会把<,>用html标识符替换

eg: <p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>

$("p").text() ==>> [ Test Paragraph.Paraparagraph ];

<p>Test Paragraph.</p>

$("p").text("<b>Some</b> new text."); ==>> [ <p><b>Some</b> new text.</p> ]

$("p").text("<b>Some</b> new text.", true) ==>> [ <p>Some new text. </p> ]

与.html()使用方式相似!

16.toggleClass(class) 这是一个比较有用的方法，就是当element存在参数中的样式的时候取消，如果不存在就设置此样式

eg:<p>Hello</p><p class="selected">Hello Again</p>

$("p").toggleClass("selected")==>[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
很有意思的操作,搜索所有的p元素,查看p元素是否有class为selected的CSS,如果有.就取消,如果没有就添加,例子只是对CSS样子操作,不知对元素属性是否能操作.如果能单选或是复选框会很灵活的使用!

17.val() 取得第一个element的vlaue值 val(val) 设置属性的值

eg: <input type="text" value="some text"/>

$("input").val(); ==>> [ "some text" ]
val()是取值的操作.例子是取input元素中的所有值

设置元素值
$("input").val("test"); ==>> [ <input type="text" value="test"/> ]
设置input元素的值为test

18.1.after(content)给相关的element从后面插入节点

eg: <p>I would like to say: </p>

$("p").after("<b>Hello</b>"); ==>> [ <p>I would like to say: </p><b>Hello</b><b>Hello</b> ]
after()是向指定元素的最后面插入html代码.上面的例子只加入了一次<b>Hello</B>!

<p>I would like to say: </p>

$("p").after( $("b") ); ==>> [<p>I would like to say: </p><b>Hello</b> ]
这个是组合添加.搜索所有的p元素.在p元素后面添加搜索的所有b元素.

18.2.before(content)与after相反是插入到前面

eg: <p>I would like to say: </p>

$("p").before("<b>Hello</b>"); ==>> [ <b>Hello</b><p>I would like to say: </p> ]
这个完全和after相反

19.append(content)　与上面不同的是append是添加把content做为子element

eg: <p>I would like to say: </p>

$("p").append("<b>Hello</b>"); ==>> [<p>I would like to say: <b>Hello</b></p> ]

append 是指和after交换不同的,他是在指定元素的内部最后面加入html代码,做为子元素存在

eg: <p>I would like to say: </p><b>Hello</b>

$("p").append($("b")); ==>> [ <p>I would like to say: <b>Hello</b></p> ]



20.appendto(content)与append刚好相反

eg:<p>I would like to say: </p>
<div id="foo"></div>
$("p").appendTo("#foo"); ==>> [ <div id="foo"><p>I would like to say: </p></div> ]
与append功能相反.把指定的元素或是html代码,加到选择元素的外部.做为选定元素的父元素存在!