jq操纵元素属性

版权声明：转载请标注来源： https://blog.csdn.net/qq_37844454/article/details/89284006

一、jq改变标签元素的文本值

        1、innerText

   $('#test').innerText = "我是jq改变元素文本测试";

        ２、html()

   $('#test').html("我是jq改变元素文本测试");

        3、text()

   $('#test').text("我是jq改变元素文本测试");

二、jq改变元素的属性

        1、css()

   $('#test').css("display", "none");
   $('#test').css({"display": "none","color";"red")};

        2、attr()

   $('#test').attr("display", "none").attr("color", "red");

三、jq设置、获取元素自定义数据

        1、data()、dataset()

<h2 data-options = '{"name":"wxz"}' data-name="wxz" id="test"></h2>

   $('#test').data("options").name;//获取自定义数据
   $('#test').attr("name");//获取自定义数据
   
   $('#test').attr("name","hello");//设置自定义数据