jQuery_常用DOM操作

￡神魔★判官ぃ 2022-05-22 12:22 188阅读 0赞

1.attr() 属性

设置属性：$("input").attr('value','按钮');
    获取属性：$("input").attr('type');  只有一个参数，与css相似
    移除属性：$("input").removeAttr('value");

2.val() 值

设置值：$("input").val('我是动态设置的值')
    
    获取值;$("input").val();      
    
    //有参数的时候为设置值，没有参数为获取值
    //获取的是input标签的value属性的值，如果有的标签没有value属性，该方法不起作用，即表现为获取不到值。

3.html()

设置html: 
     $("div").html("我是div的html内容");     
     //显示将div的内容清空，然后设置为html的内容
     $("div").html("<p>我是p元素</p>")      
     //动态的创建p元素
    获取html：
     $("div").html();  
     //显示div的内容，包括html标签

4.text()：

设置文本内容：$("div").text('你好')
    获取文本内容：$("div").text()  只获取文本内容

5.index()

$('li#one').index();
    //index() 方法返回指定元素相对于其他指定元素的 index 位置
    //这些元素可通过 jQuery 选择器或 DOM 元素来指定。
    //如果未找到元素，index() 将返回 -1。
    //第一个匹配元素的 index，相对于同胞元素
    //获得第一个匹配元素相对于其同胞元素的 index 位置。
    //获取的是这个li标签在兄弟li标签中的位置

附：  
1.innerhtml是原生的js的用法。  
text、html是jQuery的用法，原生的js语法是没有text、html这种用法的。  
原生的innerhtml = jQuery的html()

2.只有input 可以用val()来设定值，用text()没用，因为input标签设定值确实是在标签属性value中设置  
而其他标签，例如li标签，设定值要用text(),用val()将不起作用，因为它没有value属性。