1、toggleClass() 如果对象有class属性,则删除; 如果没有class属性,则加上。
<style>
.hide{
display: none;
}
</style>
<div id='nid'>12<a>google</a>34</div>
$('#nid').toggleClass('hide') //此句的功能 把上面的 div 改成: <div id='nid' class='hide'>12<a>google</a>34</div> 。 如果 再执行 $('#nid').toggleClass('hide') 则又把 class 清空了, 变成 <div id='nid' class=''>12<a>google</a>34</div> 。
2、 html() 、 text() 、 val()
html() 对应javascript 中的html ; text() 对应javascript 中的 text ; val() 对应javascript 中的value 。
html() 获取标签和标签中所有的东西,包括html .
text() 获取只获取文本。
val() 获取 input 、select 、 textarea 中的 value 值。
这三个方法可以添加 0 个 或者 1个参数 。无参数表示 获取
比如 1 中的 $('#nid').html() 获取的是 12<a>google</a>34 。 #('#nid').html('text') 把 上面的div 改成: <div id='nid' class=''>text</div> 。
$('#nid').text() 获取的是 12google34 。
val() 是获取input 中输入的值,或者 下拉框选中的值。