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 :
<input type="button" value="请输入账号"/>
$("input").val();//这是获取value的值
$("input").val("账号是****");//这是更改value的值
结果就是 : <input type="button" value="账号是****"/>
//defaultValue :
代表value的默认值,就是编写代码的时候,设置value的值是什么,那defaultValue就是什么
一般用于判断
if (txt_value == ""){//意思是,如果value为空,就把开始的默认值再赋值给value
用于设置输入框,如果输入框没有输出东西,就还把默认的value值输入进去,(没得到焦点的时候,输入框里显示默认值,得到焦点后,设置去掉默认值,如果客户没有输入东西,还会给value把默认值赋值回去,用于提醒客户,没有输入东西)
$("input").val($("input").defaultValue)
}
//查看子元素的个数children() (只是子元素,子元素的子元素,不算,直接子元素才是子元素) :