wrapAll():把标签都包裹到一起,就算要被包裹标签没在一起,中间有别的标签,也会吧那个要被包裹标签,都移到一起,在一起包裹
//包裹之前
<a>123</a>
<p>aaa</p>
<a>456</a>
a.wrapAll(b);//全部包裹
//包裹之后
<b>
<a>123</a>
<a>456</a>
</b>
<p>aaa</p>
这样包裹之后,输出的位置就变了,效果也就变了
//wrapInner() :
wrapInner(): 将匹配标签中的内容,添加一个指定标签(相当于是给原标签添加一个子标签,并且保存的是父标签的文本内容)
<a>123</a> :
a.wrapInner("b");//结果就是 : <a><b>123</b></a> 用b标签 把a里面的内容括起来
<li title="苹果">苹果</li>
$("li").wrapInner("<i></i>");//结果就是 : <li title='苹果'><i>苹果</i></li>
<li title="苹果">
<i>苹果</i>
</li>
//效果切换 toggleClass() :
是指的效果之间的切换,第一次没有切换的时候有一个效果,切换的时候,是指所有的class综合组成的那个效果
就是当前效果和指定的效果来回切换
<style type="text/css">
.high{
font-weight:bold; /* 粗体字 */
color : red; /* 字体颜色设置红色*/
}
.another{
font-style:italic;
color:blue;
}
</style>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
$("p").toggleClass("another ");//其实是改class,当触发这个函数的时候,就等于是把another和height换了一下,上面设置了,当class是high的时候,是红色字体,当class是another的时候,是蓝色字体
所以,触发这个函数,就会变一次颜色,在触发一次,就在变一次,只不过是class之间的切换.是$("p").toggleClass("another")后面的class 和p标签里面原代的class进行切换
//判断元素是否包含某样式 hasClass() :
$("p").hasClass("MyClass");//判断p标签里面是否有个class的属性为MyClass
$("p").is("MyClass");//和上面一样
//html()和text() :
<p title="选择你最喜欢的水果." ><strong>你最喜欢的水果是?</strong></p>
$("p").html();//就是p标签,两个标签(<p></p>)之间的内容,相当于是p的innerHTML,就是 : <strong>你最喜欢的水果是?</strong>
$("p").text();//就是p标签里面的文本数据(文本节点),就是 : 你最喜欢的水果是?
//得到 失去 焦点 focus() blur() :
focus() : 得到焦点
blur() : 失去焦点
$("标签名(#ID名)(.class名)").focus(获取焦点需要执行的方法和语句function(){ 语句 操作})
$("标签名(#ID名)(.class名)").blur(失去焦点需要执行的方法和语句function(){ 语句 操作})
//获取/更改 value()值 defaultValue :