1、jquery
www.php100.com/manaul/jquery
2、各种实例
选择器
1、#xx
<div id='t1'>
$字符=jQuery
$("#t1") 查找id
2、.xx
$('.t2') 查找class
3、查找标签
$('p')
4、联合查找 空格跟逗号
$("#tt p") tt下面的所有的p标签
5、查找所有的class下的标签
$(".t5,a") 查找t5下面的所有的标签
text、password 专属于input
siblings:所有兄弟标签
map:循环多个标签中的每一个标签
text -文本
html:内容 含标签
val -input,select,textarea
trim:去空格
3、jquery中html 与 text方法的区别
首先,html属性中有两个方法,一个有参,一个无参。下面我们都用实例来看看,这样比较容易帮助理解。
(1). 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String
例子:
html页面代码:<div><span>Hello</span></div>
jquery代码:$(“div”).html();
结果:<span>Hello</span>
(2).有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象
html页面代码:<div></div>
jquery代码:$(“div”).html(“<p>Nice to meet you</p>”);
结果:<div><p> Nice to meet you</p></div>(html标签会被浏览器识别)
其次,text属性中有两个方法,一个有参,一个无参
(1) 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String。
例子:
html页面代码:<p><span>Hello<span><div> fine</div></p>
jquery代码:$(“p”).text();
结果:Hello
fine
(2).有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个jquery对象。
html页面代码:<div>Paragraph.</div>
jquery代码:$(“div”).text(“<b>Some</b> new text.”);
结果: <p><b>Some</b> new text.</p> (html标签不会被浏览器识别,而是当作字符串来输出)
通过上面的例子,我们知道了,html()方法与text()方法的区别就在于对html标签的识别上不同。