使用jQuery获取数据属性 - 腾讯云开发者社区

文章/答案/技术大牛

发布

jQuery - 获取内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。 ---- jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。...jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。...val() 方法获得输入字段的值：实例 $("#btn1").click(function(){ alert("值为: " + $("#test").val()); }); 获取属性 - attr...() jQuery attr() 方法用于获取属性值。...下面的例子演示如何获得链接中 href 属性的值：实例 $("button").click(function(){ alert($("#runoob").attr("href")); });

4.3K3 0

Jquery attr()方法属性赋值和属性获取

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。...1. attr(属性名) //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。...(这是一种在所有匹配元素中批量设置很多属性的最佳方式。注意，如果你要设置对象的class属性，你必须使用'className' 作为属性名。或者你可以直接使用'class'或者'id'。)... 1.attr(name)//获取属性的值 1.1使用attr(name)获取title值： alert($("ul li:eq(1)"...1.2使用attr(name)获取alt值： alert($("ul li:eq(1)").attr("alt")); 结果： ?

11.4K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

jQuery获取和设置元素属性

1. prop方法的使用之前使用css方法可以给标签设置样式属性，那么设置标签的其它属性可以使用prop方法了。...script> $(function(){ var $a = $("#link01"); var $input = $('#input01') // 获取元素属性...://www.baidu.com","title":'这是去到百度的链接',"class":"a01"}); // 获取value属性 // var sValue =...$input.prop("value"); // alert(sValue); // 获取value属性使用val()方法的简写方式 var sValue...小结获取和设置元素属性的操作可以通过prop方法来完成获取和设置元素的value属性可以通过val方法来完成，更加简单和方便

31.7K7 5

jQuery获取data-*属性值

下面就详细介绍四种方法获取data-*属性的值获取id 需要获取的就是data-id 和 dtat-vice-id...//data-前缀属性可以在JS中通过dataset取值，更加方便 console.log(getId.dataset.id);//112 //data-vice-id连接取值使用驼峰命名法取值 console.log...11 //赋值 $("#getId").data("id","100");//100 jquery data 是一种缓存机制用法如下： ?...id="myDiv" data-appid="123" data-myname="lsxj" data-app-id="456" data-my-name="secondname"> //获取属性...data()的本质其实是将一个 “cache” 附加到了对象上，并使用了一个特殊的属性名称。

3.9K2 0

Jquery 使用getJSON 获取json数据

Jquery Jquery 使用getJSON 获取json数据 1.先引用jq获取下载到本地 CDN地址：https://code.jquery.com/jquery-latest.js {"code...":200,"hitokoto":"\u6b32\u901f\u5219\u4e0d\u8fbe"} //json代码 //通过$.getJSON(url,function)获取json数据 let...code=json',function(date){ //如果想获取json里面hitokoto的值,可以直接用 date.hitokoto； document.write(date.hitokoto)...; }); 更多文档：https://www.jquery123.com/jQuery.getJSON/ 本文由 Alone88 创作，采用知识共享署名4.0 国际许可协议进行许可本站文章除注明转载

4.9K1 0

jquery当中获取某个属性值的方法

-- em{ color:#0000ff; } --> jquery.min.js">...script language="javascript"> $(function(){ var sContent = $("em:eq(1)").attr("content"); //获取第二个...元素的title属性值 $("span").text(sContent); //将sContent的内容放在标签内 }); java有段时间了 javascript刚学所以难 Content属性的值是

5.2K0 0

jquery data属性的使用

function(){console.log("test")}; $("div").data("test",func); $("div").data("test")(); 输出结果是test 注意：data方法是jquery

1.8K5 0

jquery 获取list最后一个对象属性

jquery 获取list最后一个对象属性页面list代码 [[${return.content}]] 获取

6111 0

使用jQuery设置disabled属性与移除disabled属性

但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去（这种情况出现在我们将某个表单中的textarea元素设置为...disabled或readonly，但是submitbutton却是可以使用的）。...操作： function disableElement(element,val){ document.getElementById(element).disabled=val; } jQuery...进行操作： //两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled",...("disabled"); $('#areaSelect').attr("disabled",""); 获取s:textfield，并设置其disabled属性： functiondisableTextfieldofAccountDiv

6.3K2 0

JavaScript（19）jQuery HTML 获取和设置内容和属性

jQuery HTML jQuery 拥有可操作 HTML 元素和属性的强慷慨法。 jQuery DOM 操作 jQuery 中非常重要的部分，就是操作 DOM 的能力。...val() 方法获得输入字段的值： $("#btn1").click(function(){ alert("Value: " + $("#test").val()); }); 获取属性...– attr() jQuery attr() 方法用于获取属性值。...然后以函数新值返回希望使用的字符串。...然后以函数新值返回希望使用的字符串。

2.2K1 0

jQuery 属性操作

1.jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，...获取属性语法 prop(''属性'') 2....获取属性语法 attr(''属性'') // 类似原生 getAttribute() 2....（该方法也可以获取 H5 自定义属性） 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。...获取数据语法 date(''name'') // 向被选元素获取数据注意：同时，还可以读取 HTML5 自定义属性 data-index ，得到的是数字型。

2.4K2 0

jQuery 属性操作

1. jQuery 属性操作 jQuery 常用属性操作有三种：prop() / attr() / data() ; 1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如...语法 1.获取属性语法 prop("属性") 2.设置属性语法 prop("属性", "属性值") 注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked /...语法 1.获取属性语法 attr("属性") // 类似原生getAttribute0 2.设置属性语法 attr("属性", "属性值") // 类似原生setAttribute0 注意：attr(...（该方法也可以获取 H5 自定义属性） 1.3 数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。...语法 1.附加数据语法 data("name","'value") // 向被选元素附加数据 2.获取数据语法 date("name") //向被选元素获取数据注意：同时，还可以读取 HTML5 自定义属性

1.5K3 0

jQuery 属性操作

jQuery 常用属性操作有三种：prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如元素里面的 href...（该方法也可以获取 H5 自定义属性）三、数据缓存 data() data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。...") 获取元素固有的属性值 console.log($("a").prop("href")); $("a").prop("title", "我们都挺好")...("span").data("uname")); // 这个方法获取data-index h5自定义属性不用写data- 而且返回的是数字型 console.log...2.因为checked 是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。 3.把全选按钮状态赋值给3小复选框就可以了。

1.9K3 0

JQuery循环遍历获取json数据

JQuery循环遍历获取json数据记录使用ajax...中获取一个list数据之后怎么解析示例代码如下： for循环 $.ajax({ type: 'GET', url:...BsOrgTypeCD).prop("checked", true); } }, error: function (data) { top.layer.msg("获取机构类型失败...d.BsOrgTypeCD).prop("checked", true); }); }, error: function (data) { top.layer.msg("获取机构类型失败

1.5K1 0

js和jQuery获取img标签的src属性获取不到的解决方法

很多朋友可能遇到过，用 jQuery 获取 img 标签的 src 属性却获取不到的问题：使用如下的语句都会出错：...alert($('#test')); alert($('#test').src); 使用 $('#test').src 语句不会出错，但获取不到 img 的地址。...alert($('#test')); //[object Object] alert($('#test').src); //undefined 最后，使用 $('#test')[0].src 才能够获取到...拓展： JS获取 img 的 src 值： //方法一： var path = $('#test').attr('src'); //方法二： var path = document.getElementById...("test").src; //方法三： var path = $("#test")[0].src; 声明：本文由w3h5原创，转载请注明出处：《js和jQuery获取img标签的src属性获取不到的解决方法

20.9K6 0

jQuery中属性选择器的使用

DOCTYPE html> 属性选择器的使用获取具有href属性的 DOM 对象获取属性值为www.baidu.com对象获取属性值不为www.baidu.com对象获取属性值以www开头的对象获取属性值以cn...结尾的对象获取属性值包涵it的对象获取属性值包涵www的对象并且title包含"是"的对象jquery-1.8.3.js"> $(document).ready(function () { $("button").eq(0).click(function

4.2K2 0

Jquery 获取checkbox属性checked为undefined和改变状态值不变

截至 jQuery 1.6，.attr() 方法返回未定义的属性尚未设置。此外，.attr() 应该不用于普通对象、数组、窗口或文档。若要检索和更改 DOM 属性，请使用.prop() 方法。...属性和属性之间的差异可能是重要在特定情况下。在 jQuery 1.6 之前, 的.attr() 方法有时属性值时考虑检索一些属性，可能会导致不一致的行为。...到 jQuery1.6，.prop() 方法提供方法来显式检索属性值，而.attr() 检索属性。...也就说：v1.6以后attr(‘checked’)就返回checked和undefined,v1.6以前返回true和false,v1.6以后可以使用is(‘:checked’)或者.prop(‘checked...’)来返回true和false 总结：（1）获取checked的方法 .attr('checked'): .prop('checked'): //1.6+:true/false

2.6K6 0

jQuery 获取对象根据属性、内容匹配, 还有表单元素匹配

指定元素中包含 id 属性的, 如: $("span[id]") 代码如下: AAA DDD EEE FFF 指定元素中不包含 id 属性的...name="Sx4">DDD EEE FFF 包含 id 属性的...span name="Sx4">DDD EEE FFF 多个属性条件...doctype html> jquery.com/jquery-1.4.2.min.js"> </

2.1K13 0

三、jQuery属性操作

对象.属性名称 = 值对象.属性名称对象[‘属性名称’] = 值对象[‘属性名称’] Javascript // 赋值属性 p['name'] = 'tzk' // 获取属性 console.log...', 'tzk') // 获取属性 console.log(span.getAttribute('name')) ?...5、属性和属性节点的区别任何对象都有属性，但只有DOM对象才有属性节点 attr方法 1、attr(name|pro|key,val|fn) 方法获取或者设置属性节点的值参数可以传递一个参数...，代表获取节点的值无论找到多少个元素，只会返回第一个元素指定的属性节点的值。...官方推荐在操作属性节点时，具有 true 和 false 两个属性的属性节点，如 checked, selected 或者 disabled 使用 prop(), 其他的使用 attr() Javascript

4.3K2 0

使用反射获取对象属性的坑

要么庸俗，要么孤独——叔本华前两天遇到一个坑，当时我通过使用getDeclaredFields()函数获取对象属性时发现一个问题：获取到的属性的顺序不对，结果我自己一看介绍原来，它是无序的所以我们为了解决这个问题...private String wxNumber; @BeanFieldSort(order = 1) private String weiboNumber; } 最后是排序的方法，这里使用...public static void main(String[] args) throws IllegalAccessException, InstantiationException { //获取对象...UserInfo userInfo = userInfoClass.newInstance(); System.out.println(userInfo); //获取...userInfoClass.getDeclaredFields(); //遍历 for (Field field : fields) { //把private属性设为可修改

4.8K1 0

点击加载更多

jQuery - 获取内容和属性

Jquery attr()方法属性赋值和属性获取

jQuery获取和设置元素属性

jQuery获取data-*属性值

Jquery 使用getJSON 获取json数据

jquery当中获取某个属性值的方法

jquery data属性的使用

jquery 获取list最后一个对象属性

使用jQuery设置disabled属性与移除disabled属性

JavaScript（19）jQuery HTML 获取和设置内容和属性

jQuery 属性操作

jQuery 属性操作

jQuery 属性操作

JQuery循环遍历获取json数据

js和jQuery获取img标签的src属性获取不到的解决方法

jQuery中属性选择器的使用

Jquery 获取checkbox属性checked为undefined和改变状态值不变

jQuery 获取对象根据属性、内容匹配, 还有表单元素匹配

三、jQuery属性操作

使用反射获取对象属性的坑

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐