jQuery属性节点
2019-01-18 21:26
295 查看
1.attr属性操作
在jQuery中,可以通过attr()方法操作属性,可以是固有属性,也可以是自定义属性。
1.1 设置属性值
// 设置单个属性 $("div").attr("title", "我是一个div"); // 设置多个属性 $("img").attr({ "src" : "img/11.jpg", "alt" : "我是一张风景图片" });
1.2 获取属性值
// 获取alt属性值 console.log($("img").attr("src")); // 获取title属性值 console.log($("div").attr("title"));
1.3 删除属性
removeAttr(name)从每一个匹配的元素中删除一个属性。
// 删除alt属性值 $("img").removeAttr("alt"); // 删除title属性值 $("div").removeAttr("title");
2. prop表单属性操作
在jQuery中,通过prop()方法操作属性,只能操作固有属性,特别用于:checked、disabled、selected等表单属性。
注意:checked、disabled、selected等表单属性只能通过prop()方法来操作。
2.1 设置属性值
// 设置单选框为选中状态 $("input:radio").prop("checked", true); // 设置多选框为未选中状态 $("input:checkbox").prop("checked", false);
2.2 获取属性值
// 获取下拉列表option的选中状态 var flag1 = $("select > option").prop("selected"); // 获取单选框的选中状态 var flag2 = $("input:radio").prop("checked");
3. class属性操作
3.1 添加class属性
addClass() 为每个匹配的元素添加指定的类名,如需添加多个类,请使用空格分隔类名。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
// 添加一个class $("div").addClass("box1"); // 添加多个class $("div").addClass("box2 box3");
在项目开发中,我们可以通过jQuery的方式来给元素添加class,从而实现给元素添加CSS样式(比通过jQuery添加CSS样式效率更高)。
3.2 移除class属性
removeClass() 方法从被选元素移除一个或多个类。
如果没有规定参数,则该方法将从被选元素中删除所有类。
// 移除一个class $("div").removeClass("box1"); // 移除多个class $("div").removeClass("box1 box2"); // 移除全部class $("div").removeClass();
3.3 判断是否某个class属性
hasClass()可以用来判断元素中是否含有某个class。如果有,则返回true,否则返回false。
// 判断div中是否包含值为box的class if($("div").hasClass("box")) { // 如果存在,则移除这个class $("div").removeClass("box"); }
3.4 切换class属性
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
// 切换一个class $("div").toggleClass("box"); // 切换多个class $("div").toggleClass("box1 box2");
相关文章推荐
- JQuery节点元素属性操作方法
- JQuery 多属性选择节点
- jQuery属性和属性节点
- jQuery节点创建与属性的处理 创建节点
- jQuery 1.5 xml 遍历所有节点属性
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- JQuery节点元素属性操作方法
- JQuery中的节点操作中的一些常用的属性
- jquery中常用的节点查找,属性过滤
- jQuery中的属性和属性节点的详细介绍
- JQuery 节点元素的属性操作
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- JQuery(一)---- JQ的选择器,属性,节点,样式,函数等操作详解
- jQuery查找节点并获取节点属性的方法
- jQuery第一课 ——属性、节点选择
- 【JS】【jQuery】【操作对象:属性,节点,事件】
- JQuery_dom属性操作、节点遍历及包裹
- jQuery和js节点创建与属性的处理的区别
- jQuery节点创建与属性的处理
- 有关jquery与DOM节点操作方法和属性记录