笔记:JQuery之属性操作

版权声明: https://blog.csdn.net/qq_36797286/article/details/81838842

1. 获取和设置元素的属性*

$("p").attr("disabled","disabled");// 设置

2. 获取和设置元素的HTML

$("p").html();// 获取
$("p").html(html);// 设置

3. 获取和设置元素的文本

$("p").text();// 获取
$("p").text(text);// 设置

4. 获取和设置表单的值

$("#name").val();// 获取
$("#name").val(value);// 赋值

$("#single").val("选择3号");// 下拉框赋值,必须是下拉中有的值
$("#multiple").val(["选择2号", "选择4号"]);// 下拉多选框赋值
$(":checkbox[name='c']").val(["check2", "check4"]);// 复选框赋值
$(":radio[name='r']").val(["radio2"]);// 单选框赋值

5. 焦点

$("button").focus(function () {
    console.log("已获得焦点");
}).blur(function () {
    console.log("已失去焦点");
});

6. 遍历节点方法

①. 取得匹配元素的所有子元素组成的集合: children(). 该方法只考虑子元素而不考虑任何后代元素.

②. 取得匹配元素后面紧邻的同辈元素的集合(但集合中只有一个元素): next()

③. 取得匹配元素前面紧邻的同辈元素的集合(但集合中只有一个元素): prev()

④. 取得匹配元素前后所有的同辈元素: siblings()

猜你喜欢

转载自blog.csdn.net/qq_36797286/article/details/81838842