jQuery_常用DOM操作

￡神魔★判官ぃ 2022-05-22 12:22 165阅读 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属性。

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

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

相关阅读

相关 jQuery操作DOM元素

HTML DOM常见操作: 　　查找节点,插入节点,删除节点,复制节点,替换节点,包裹节点. 查找节点　　关于节点的查找,是利用选择器完成的. 插入

妖狐艹你老母/ 2022年08月05日 16:20/ 0 赞/ 269 阅读

相关 JQuery的Dom操作

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

我就是我/ 2022年07月16日 05:11/ 0 赞/ 232 阅读

相关 jQuery操作dom节点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

野性酷女/ 2022年06月02日 11:55/ 0 赞/ 283 阅读

相关 jquery 操作DOM

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

亦凉/ 2022年05月26日 23:20/ 0 赞/ 264 阅读

相关 jQuery_常用DOM操作

1.attr() 属性设置属性：$("input").attr('value','按钮'); 获取属性：$("input").attr('type');

￡神魔★判官ぃ/ 2022年05月22日 12:22/ 0 赞/ 166 阅读

相关 Jquery之DOM操作

Jquery之DOM操作一、DOM操作分类 ![70][] 二、操作示例 1，属性操作演示div： <table> <tbody> <tr

怼烎@/ 2022年05月19日 13:13/ 0 赞/ 275 阅读

相关 jQuery操作DOM元素

作为一个后端程序员，也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。实现上述两个功能当然可以使用原生js来完成，但在实际开

男娘i/ 2022年04月24日 23:52/ 0 赞/ 301 阅读

相关使用jQuery操作DOM

一.jQuery操作样式 /\ 单个样式 \/ $("li:first").css("color","\009933");

傷城~/ 2021年11月18日 00:54/ 0 赞/ 332 阅读

相关 DOM常用操作

[DOM常用操作][DOM] ![981799-20160826210811726-888363560.png][] 　　文档对象模型( DOM, Document O

ゝ一世哀愁。/ 2021年09月22日 16:10/ 0 赞/ 348 阅读

相关 DOM常用操作

1. 修改 2. 添加删除元素 3. HTML DOM常用对象一. 修改: 1. 样式: 内联样式: 元素.style.css属性=“值”

叁歲伎倆/ 2021年09月18日 05:06/ 0 赞/ 386 阅读