本文共 3659 字，大约阅读时间需要 12 分钟。

html() 它可以设置和获取起始标签和结束标签中的内容。 跟 dom 属性 innerHTML 一样。

text() 它可以设置和获取起始标签和结束标签中的文本。 跟 dom 属性 innerText 一样。 val() 它可以设置和获取表单项的 value 属性值。 跟 dom 属性 value 一样 attr() 可以设置和获取属性的值，不推荐操作 checked、readOnly、selected、disabled 等等 attr 方法还可以操作非标准的属性。比如自定义属性：abc,bbj prop() 可以设置和获取属性的值,只推荐操作 checked、readOnly、selected、disabled 等等 hide() : 将数组中所有 DOM 对象隐藏起来 show(): 将数组中所有 DOM 对象在浏览器中显示起来 remove() : 将数组中所有 DOM 对象及其子对象一并删除 empty()： 将数组中所有 DOM 对象的子对象删除 append()： 为数组中所有 DOM 对象添加子对象 each()： 是对数组，json 和 dom 数组等的遍历,对每个元素调用一次函数。

1、html()

设置或返回被选元素的内容（innerHTML）。

$(选择器).html()：无参数调用方法，获取 DOM 数组第一个匹配元素的内容。

$(选择器).html(值)：有参数调用，用于设置 DOM 数组中所有元素的内容

// 不传参数，是获取，传递参数是设置var divhtml = $("div ").html();// 获取alert(divhtml);$("div").html("
我是div里标题1
");// 设置执行后代码相当于
   
    我是div标签
    我是div里的span标签
   

2、text()

操作数组中所有 DOM 对象的【文字显示内容属性】

$(选择器).text(): 无参数调用，读取数组中所有 DOM 对象的文字显示内容，将得到内容拼接为一个字符串返回

$(选择器).text(值): 有参数方式，对数组中所有 DOM 对象的文字显示内容进行统一赋值

// 不传参数，是获取，传递参数是设置var divtext = $("div ").text();// 获取alert(divtext);$("div").text("
我是div里标题1
");// 设置
   
    我是div标签
    我是div里的span标签
   

3、val()

它可以设置和获取表单项的 value 属性值。

表单项： 文本域、单选按钮、复选框、下拉列表、文本框、按钮、option 、等

操作数组中 DOM 对象的 value 属性.

$(选择器).val() ：无参数调用形式， 读取数组中第一个 DOM 对象的 value 属性值

$(选择器).val(值)： 有参形式调用;对数组中所有 DOM 对象的 value 属性值进行统一赋值

$("button").click(function () {
       alert($("#username").val());    $("#username").val("自己设置值");    操作输入框});

val方法还可以同时设置多个表单项的选中状态：

// 批量操作单$(":radio").val(["radio2"]);//将想中的单框的value值写在里面// 批量操作筛框的中状态$(":checkbox").val(["checkbox1","checkbox2"]);// 批量操作多的下拉框中状态$("#multiple").val(["mul2","mul3","mul4"]);// 操作单的下拉框中状态$("#single").val(["sin2"]);// 同时操作,顺序没关系$("#multipe,:radio,:checkbox,#single").val(["radio1","sin3","mul1","mul2","checkbox2","checkbox3"]);
   单选：radio1radio2
多选：checkbox1checkbox2checkbox3
下拉多 选：    mul1    mul2    mul3    mul4
下拉单选 ：    sin1    sin2    sin3

4、attr()

可以设置和获取属性的值，不推荐操作 checked、readOnly、selected、disabled 等等

attr 方法还可以操作非标准的属性。比如自定义属性：abc,bbj

$(选择器).attr(“属性名”): 获取 DOM 数组第一个对象的属性值

$(选择器).attr(“属性名”,“值”): 对数组中所有 DOM 对象的属性设为新值

//attralert($(":checkbox:first").attr("name"));//checkbox// 获取$(":checkbox:first").attr("name","abc");// 设置

$(":checkbox:first").attr("abc","abcValue");//自定义属性alert($(":checkbox:first").attr("abc"));//abcValue

假设第一个复选框有属性checked="checked"则

alert($(":checkbox:first").attr("checked"));//结果为checked如果没有则：alert($(":checkbox:first").attr("checked"));//结果为undefined,但是官方觉得返回undefined是一个错误。    多选：checkbox1checkbox2checkbox3

5、prop()

可以设置和获取属性的值,只推荐操作 checked、readOnly、selected、disabled 等等

假设第一个复选框有属性checked="checked"则

alert($(":checkbox:first").prop("checked"));//结果为true如果没有则：alert($(":checkbox:first").prop("checked"));//结果为false

6、hide ()

$(选择器).hide() : 将数组中所有 DOM 对象隐藏起来

   
    我是div标签
   
   
    我是div标签,id为div的标签
   
   
    我是隐藏的div标签
   
我是span标签

7、show

$(选择器).show(): 将数组中所有 DOM 对象在浏览器中显示起来

$("div").show();

8、remove()

$(选择器).remove() : 将数组中所有 DOM 对象及其子对象一并删除

   
    我是div标签
    我是div中的span对象
   
   
    我是div标签,id为div的标签
   
   
    我是隐藏的div标签
   
我是span标签

9、empty()

$(选择器).empty()：将数组中所有 DOM 对象的子对象删除

    
       
   
    我是div标签
    
    
    div中的span对象
   
   
    我是div标签,id为div的标签
   
   
    我是隐藏的div标签
   
我是span标签

10、append()

为数组中所有 DOM 对象添加子对象

$(选择器).append("
   
    我动态添加的 div
   
")

$("#div").append("
动态添加的span标签");

11、each()

是对数组，json 和 dom 数组等的遍历,对每个元素调用一次函数。

语法 1：$.each( 要遍历的对象, function(index,element) { 处理程序 } ) 语法 2： jQuery 对象.each( function( index, element ) { 处理程序 } ) index: 数组的下标 element: 数组的对象

//语法1：// var $divs = $("div");// $.each($divs,function () {
   //     alert(this.innerHTML);// });//语法2：$divs.each(function () {
       // 在遍历的function函数中，一个this对象，这个this对象，就是当前遍历到的dom对象   alert(this.innerHTML);});

转载地址：http://xouki.baihongyu.com/