5.Jquery对象中的功能函数

一、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属性内容，拼接为一个字符串返回