jquery获取自定义属性-jQuery获取自定义元素属性数据的方式及应用案例

jQuery中获取自定义元素属性数据的方法

jQuery 提供了两种获取自定义元素属性数据的方法，即 data() 方法和 attr() 技术。

数据()方法

data()方法可以用来获取任意HTML元素的自定义属性，它通过读取data-*属性来获取自定义属性数据。 句子格式如下：

$(selector).data(name);

其中，selector是要获取属性值的元素，name是要获取的自定义属性的名称，例如：

$("#div1").data("name");

里面的代码意思是获取id为div1的元素的name属性值。

attr() 方法

attr() 方法还可用于获取任何 HTML 元素的自定义属性。 它可以通过读取data-*属性或其他任意属性来获取自定义属性数据。 句子格式如下：

$(selector).attr(name);

其中，selector是要获取属性值的元素，name是任意要获取的属性名称jquery获取自定义属性，例如：

$("#div1").attr("name");

里面的代码意思是获取id为div1的元素的name属性值。

应用领域

以下是使用 jQuery 获取自定义元素的属性数据的示例：

    
这是一个段落


    // 使用data()方法获取自定义属性
    var name = $("#div1").data("name");
    var age = $("#div1").data("age");
    console.log(name); // 张三
    console.log(age); // 18
    // 使用attr()方法获取自定义属性
    var name = $("#div1").attr("data-name");
    var age = $("#div1").attr("data-age");
    console.log(name); // 张三
    console.log(age); // 18

前面的代码中jquery获取自定义属性，我们通过data()方法和attr()方法获取id为div1的元素的name和age属性值，最后在控制面板中输出name和age属性值。

本文介绍了JS和jQuery实现子窗口获取父窗口元素值的技术。 分享给大家，供大家参考，如下：

功能说明：父窗口有一个输入和一个按钮，点击按钮打开子窗口jquery获取父页面元素，在子窗口中获取父窗口中输入的值jquery获取父页面元素，并显示出来。

js:

父窗口：

子窗口：

curproject = window.opener.document.getElementById("currentProjectIDForDetail").value;

jQuery：

父窗口：

子窗口：

  $(function () {
    temp=$("#aa",window.opener.document).val();
    $("#bb").html(temp);
  })

  
  
  

结果：

对更多JavaScript相关内容感兴趣的读者可以查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript总结》遍历算法与方法》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法方法总结》、《JavaScript搜索算法技巧总结》、《JavaScript错误与调试方法总结》

希望这篇文章对您的 JavaScript 编程有所帮助。