JQuery样式笔记
1.JQuery对象与Dom对象不一样
例:<p id="demo">我是例子</p> 要求:给文本节点更改文字:啦啦啦~ 并且改变文字颜色为红色
(1) 普通处理:标准JS----
windows.onload = function(){
//先获取id为demo的P元素
var p = document.getElementById("demo");
//将元素内容在HTML中改变
p.innerHTML=' 啦啦啦~';
p.style.color = 'red';
}
(2)jquery的处理:
//用JQ语法获取id为demo的元素获得jq对象
//调用该对象的html()方法更改内容
//调用该对象的css()方法更改颜色
$(document).ready(function(){
var $p = $('#demo');
$p.html.('啦啦啦~').css('color','red');
});
总结:
- 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。
- 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。
疑问:类数组对象是什么???

浙公网安备 33010602011771号