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

一、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，就非常贴切。大部分操作都是元素节点操作，还有少部分文本节点操作。
四、设置元素内容

十余年的济南网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整济南建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“济南网站设计”,“济南网站推广”以来，每个客户项目都认真落实执行。

新闻标题：JQuery元素属性和样式操作、以及设置元素和内容
本文地址：https://www.cdcxhl.com/article40/jjgceo.html

成都网站建设公司_创新互联，为您提供软件开发、网站制作、标签优化、网站收录、网站设计公司、网站导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联