jq操纵元素属性

一、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");
   //也可以用第二种（对象方法）方法设置
    $('#test').attr({
	   display: "none",
	   color:"red",
	   name:"test"
   });

三、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");//设置自定义数据