jQuery_常用DOM操作

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

1.attr() 属性

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

2.val() 值

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

3.html()

  1. 设置html:
  2. $("div").html("我是div的html内容");
  3. //显示将div的内容清空,然后设置为html的内容
  4. $("div").html("<p>我是p元素</p>")
  5. //动态的创建p元素
  6. 获取html
  7. $("div").html();
  8. //显示div的内容,包括html标签

4.text():

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

5.index()

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

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

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

发表评论

表情:
评论列表 (有 0 条评论,291人围观)

还没有评论,来说两句吧...

相关阅读

    相关 JQueryDom操作

    [JQuery的Dom操作][JQuery_Dom]    小编最近参与了一个网站项目的开发,所以遇到了大量的js操作。让小编大为挠头。JQuery这东西,我貌似曾经熟练过一

    相关 jquery 操作DOM

    操作属性 -------------------- 通过attr可以获取标签的属性值, 还可以设置属性值, 和css()类似. 测试代码如下 <div c