添加与删除属性
CSS类
HTML代码/文本/值

添加与删除属性

attr(name|properties|key,value|fn) ：设置或返回被选元素的属性值
removeAttr(name) ：从每一个匹配的元素中删除name属性
prop(name|properties|key,value|fn) ：获取在匹配的元素集中的第一个元素的属性值
removeProp(name) ：用来删除由.prop()方法设置的属性集

　　示例：

1 // 返回文档中所有图像的src属性值
2 $("img").attr("src");
3 // 为所有图像设置src和alt属性
4 $("img").attr({ src: "test.jpg", alt: "Test Image" });
5 // 把src属性的值设置为title属性的值
6 $("img").attr("title", function() { return this.src }

1 // 将文档中图像的src属性删除
2 $("img").removeAttr("src");

CSS类

addClass(class|fn) ：为每个匹配的元素添加指定的类名
removeClass([class|fn]) ：从所有匹配的元素中删除全部或者指定的类
toggleClass(class|fn[,sw]) ：如果存在（不存在）就删除（添加）一个类

　　示例：

1 // 为匹配的元素加上 'selected' 类
2 $("p").addClass("selected");
3 // 从匹配的元素中删除 'selected' 类
4 $("p").removeClass("selected");
5 // 删除匹配元素的所有类
6 $("p").removeClass();
7 // 为匹配的元素切换 'selected' 类
8 $("p").toggleClass("selected");

HTML代码/文本/值

html([val|fn]) ：取得第一个匹配元素的html内容
text([val|fn]) ：取得所有匹配元素的内容
val([val|fn|arr]) ：获得匹配元素的当前值

　　示例：

// 返回p元素的内容
$('p').html();
// 设置所有 p 元素的内容
$("p").html("Hello <b>world</b>!");
// 返回p元素的文本内容
$('p').text();
// 获取文本框中的值
$("input").val();
// 设定文本框的值
$("input").val("hello world!");

转载于:https://www.cnblogs.com/agmj117/p/7691180.html

004-JQuery属性相关推荐

JQuery属性、事件相关操作
JQuery属性相关操作文章目录 JQuery属性相关操作一.尺寸相关.滚动事件 1.获取和设置元素的尺寸 2.获取元素相对页面的绝对位置 3.获取浏览器可视区宽度高度 4.获取页面文档的宽度高度 ...
jquery属性过滤选择器[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery属性过滤选择器 jquery属性过滤选择器,包括[attr].[attr=value].[attr!=value]. ...
jQuery属性操作以及一些实用方法
目录一.jQuery属性操作 1.prop() a.获取属性值 b.设置属性值 c.自定义属性值获取 2.数据缓存 3.jQuery内容文本值 a.普通元素内容 b.普通元素文本内容 c.获取设置表 ...
html标签的下一级遍历,jquery属性,遍历,HTML操作方法详解
Jquery属性遍历.HTML操作. Jquery拥有可操作HTML元素和属性的强大方法. 下面是我整理的一些jquery遍历函数: .add() 将元素添加到匹配元素的集合中. .andSelf() ...
jQuery—常用API（jQuery 属性操作、jQuery 文本属性值、jQuery 元素操作）
1. jQuery 属性操作 1.1 设置或获取元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性,比如 <a> 元素里面的 href,比如 <input> ...
jQueryDom和源生DOM相互的转换、jQuery选择器语法、JQuery层次选择器语法、jQuery属性选择器语法、jQuery伪类选择器语法、
jQuery和源生DOM的转化案例 <body> <p id="test">123</p> <p>456</p> &l ...
jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数方法描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
php js attr,jquery属性与自定义属性操作:attr()和removeAttr()
jquery属性与自定义属性操作:attr()和removeAttr() 预备知识: 读取器,设置器 1. 有一些函数,可以根据参数的数量不同,执行不同的功能,返回不同的值,类似于功能重载 2. 传入 ...
jQuery属性概述
jQuery属性 1 操作元素属性 1.1 读取属性 1.2 修改属性 1.3 删除属性 2 操作样式类 2.1 添加类 2.1 判断类 2.3 移除类 2.4 交替类 3 操作CSS 3.1 操作C ...
web前端----jQuery属性操作
知识点总结 1.属性属性(如果你的选择器选出了多个对象,那么默认只会返回出第一个属性). attr(属性名|属性值) - 一个参数是获取属性的值,两个参数是设置属性值 - 点击加载图片示例 remo ...

004-JQuery属性

添加与删除属性

CSS类

HTML代码/文本/值

004-JQuery属性相关推荐

最新文章

热门文章