189 8069 5689

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定义多个样式:
JQuery元素属性和样式操作、以及设置元素和内容
div样式点击切换:
JQuery元素属性和样式操作、以及设置元素和内容
三、JQuery DOM简介
在JQuery中,已经将最常用的DOM操作方法进行的封装(不需要考虑,浏览器的兼容性)。
D表示页面文档的Document
O表示对象,即一组含有独立特性的数据集合
M表示模型,即页面上的元素节点和文本节点。
DOM有三种形式,标准DOM、HTMLDOM、CSSDOM,此刻并不需要深刻理解它。
树形结构用来表示DOM,就非常贴切。大部分操作都是元素节点操作,还有少部分文本节点操作。
四、设置元素内容
JQuery元素属性和样式操作、以及设置元素和内容
JQuery元素属性和样式操作、以及设置元素和内容

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


本文标题:JQuery元素属性和样式操作、以及设置元素和内容
地址分享:http://jkwzsj.com/article/jjgceo.html

其他资讯