一、show()&hide()
-
show():负责让jquery对象包含的所有DOM对象关联的标签在浏览器上显示
效果等价于:style = “display:block”
-
hide():负责让jquery对象包含的所有DOM对象关联的标签在浏览器上隐藏
效果等价于:style = “display:none”
/* CSS部分*/
div{
width:200px;
height:200px;
background-color:green;
font-size:30px;
color:red;
}
<!--html部分-->
<div>
我是一个DIV
</div>
<input type = "button" value = "隐藏DIV" onclick = "func1()"/>
<input type = "button" value = "显示DIV" onclick = "func2()"/>
//javascript部分
function func1(){
$("div").hide();
}
function func2(){
$("div").show();
}
二、remove()&empty()
- empty:将当前标签子标签进行清除处理
- remove:将当前标签及其子标签一并删除
三、append()&appendTo()
1、共同点:都是操作标签中innerHTML,为当前标签添加子标签
2、
- append():父标签.append(子标签); 相当于父亲给自己找了一个儿子
- appendTo():子标签.appendTo(父标签); 相当于儿子各自找了一个爹
四、属性操作函数
1、val函数:对value属性进行修改
- $obj.val():读取jquery对象中第一个DOM对象的【value属性值】
- $obj.val(值):为jquery对象中所有DOM对象的【value属性值】进行统一赋值
2、prop函数:对工作状态属性(如:checked、disabled、selected等)进行修改
- $obj.prop(“checked”,true):为jquery对象中所有DOM对象的checked属性赋值为true
- $obj.prop(“checked”):读取jquery对象中第一个DOM对象的【checked属性值】
3、attr函数:对基本属性(如:id,title等)进行修改
- $obj.attr(“name”,“ck”):为jquery对象中所有DOM对象的【name属性】统一赋值为
ck
- $obj.attr(“title”):读取jquery对象中第一个DOM对象的【title属性值】
4、text函数:操作属性innerText
- $obj.text(“123”):为jquery对象中所有DOM对象的innerText属性赋值为
123
- $obj.text():读取jquery对象中所有DOM对象的innerText属性内容,拼接为一个字符串返回