JQuery元素属性和样式操作、以及设置元素和内容

时间：2018-07-24 23:37:10 阅读：228 评论：0 收藏：0 [点我收藏+]

一、JQury元素属性操作
通过JQuery可以对元素本身的属性进行操作，包括获取属性的属性值，设置属性的属性值，并且可以删除属性值（attr()和removeAttr()）。
二、JQuery样式操作
元素样式操作包括了：直接设置css样式、增加css样式、类别切换、删除类别。
例如：
$(‘div‘).css(‘color‘);//获取元素行内的css样式颜色。
$(‘div‘).css(‘color‘. ‘pink‘);//设置我最喜欢的粉色。
var box = $(‘div‘).css([‘color‘,‘height‘,‘width‘]);//这里得到的是一个对象数组。
顺便讲一下数组的遍历：两种方法
第一种
for(var i in box){
box[i];
}
第二种
$.each(box,function(attr,value){//遍历JavaScript原生态对象
attr+":"+value;
})
为某div定义多个样式：
技术分享图片

div样式点击切换：
技术分享图片

三、JQuery DOM简介
在JQuery中，已经将最常用的DOM操作方法进行的封装（不需要考虑，浏览器的兼容性）。
D表示页面文档的Document
O表示对象，即一组含有独立特性的数据集合
M表示模型，即页面上的元素节点和文本节点。
DOM有三种形式，标准DOM、HTMLDOM、CSSDOM，此刻并不需要深刻理解它。
树形结构用来表示DOM，就非常贴切。大部分操作都是元素节点操作，还有少部分文本节点操作。
四、设置元素内容
技术分享图片

JQuery元素属性和样式操作、以及设置元素和内容

原文：http://blog.51cto.com/13479739/2149659

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)