JQuery处理DOM元素-属性操作

 1 //操作元素的属性:
 2 $(‘*‘).each(function(n){
 3 this.id = this.tagName + n;
 4 })
 5
 6 //获取属性值:
 7 $(‘‘).attr(‘‘);
 8
 9 //设置属性值:
10 //为一个属性设置值
11 $(‘*‘).attr(‘title‘, function(index, previousValue){
12 return previousValue + ‘ I am element ‘ + index + ‘ and my name is ‘ + this.id;
13 }) 
14
15 //为多个属性设置值
16 $(‘input‘).attr({value: ‘‘,title: ‘‘}); 
17
18 //删除属性:
19 $(‘p‘).removeAttr(‘value‘);

时间: 2024-10-11 04:44:02

JQuery处理DOM元素-属性操作的相关文章

jQuery(五) jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解

jQuery操纵DOM元素属性 attr()和removeAtrr()方法使用详解 jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个

jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法

jQuery中操纵元素属性的方法: attr(): 读或者写匹配元素的属性值. removeAttr(): 从匹配的元素中移除指定的属性. attr()方法 读操作 attr()读操作. 读取的是匹配元素中第一个元素的指定属性值. 格式: .attr(attributeName),返回值类型:String.读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个元素的该属性值. 看例子: <!DOCTYPE html> <html>

juqery笔记 jquery操纵DOM元素属性 attr()

jQuery操纵元素属性方法: attr():读或者写匹配元素的属性值. removeAttr():从匹配的元素中溢出指定的属性. attr()方法 读操作 attr()读操作,读取的是匹配元素中第一个元素的指定属性值. 格式:.attr(attributeName),返回值类型:String,读取不存在的属性会返回undefined. 注意选择器的选择结果可能是一个集合,这里仅仅获取的是集合中第一个元素的该属性值. 例子: 1 <!DOCTYPE html> 2 <html> 3

js操作dom元素属性和方法

1.用于处理xml文档的dom元素属性 属性名                      描述 childNodes返回当前元素所有子元素的数组 firstChild返回当前元素的第一个下级子元素 lastChild返回当前元素的最后一个子元素 nextSbling返回紧跟在当前元素后面的元素 nodeValue指定表示元素值的读写属性 parentNode返回元素的父节点 previousSibling返回紧邻当前元素之前的的元素 2.用于遍历XML文档的dom元素方法 方法名        

jQuery 基础 DOM 和 CSS操作

设置元素及内容 通过选择器.过滤器来得到我们想要操作的元素.这个时候,我们就可以对这些元素进行 DOM 的操作.那么,最常用的操作就是对元素内容的获取和修改. 在常规的 DOM 元素中,我们可以使用 html()和 text()方法获取内部的数据.html()方法 可以获取或设置 html 内容,text()可以获取或设置文本内容. $('#box').html(); //获取 html 内容 $('#box').text(); //获取文本内容,会自动清理 html 标签 $('#box').

jQuery基础DOM和CSS操作

$('#box').html();//获取 html 内容$('#box').text();//获取文本内容,会自动清理 html 标签$('#box').html('<em>www.li.cc</em>');//设置 html 内容$('#box').text('<em>www.li.cc</em>');//设置文本内容,会自动转义 html标签$('#box').html($('#box').html() + '<em>www.li.cc&l

jQuery -&gt; 克隆DOM元素

使用jQuery内置的clone函数可以克隆DOM元素,而且clone函数支持链式调用 下例是clone的一个简单用法,它做了一个ul的副本,并添加到body中. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <ul> <li>list</li> <li>list</li&

工作积累(六)——jQuery实现DOM元素事件绑定

用 jQuery 为DOM元素绑定事件时,如果用下面这种方式: <button class="dynamic-bind">按钮一</button> $(function() {   $('.dynamic-bind').on('click', function(e) {     alert(e.type); //'click' }); }); 那么如果在绑定事件之后通过 jQuery 添加与该选择器相同的新的DOM元素: $('.dynamic-bind:las