一 jQuery对象
jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();
$("#test").html()
//意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法
// 这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML;
//虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错
//约定：如果获取的是 jQuery 对象, 那么要在变量前面加上$.
var $variable = jQuery 对象
var variable = DOM 对象
$variable[0]：jquery对象转为dom对象 $("#msg").html(); $("#msg")[0].innerHTML
jquery的基础语法：$(selector).action()
二 寻找元素(选择器和筛选器)
3.1 选择器
3.1.1 基本选择器
|
1
|
$(
"*"
) $(
"#id"
) $(
".class"
) $(
"element"
) $(
".class,p,div"
)
|
3.1.2 层级选择器
|
1
|
后代：$(
".outer div"
) 子代：$(
".outer>div"
) 毗邻（必须相邻）： $(
".outer+div"
) 毗邻（不一定相邻）：$(
".outer~div"
)
|
3.1.3 基本筛选器
|
1
|
$(
"li:first"
) $(
"li:eq(2)"
) $(
"li:even"
) $(
"li:gt(1)"
)
|
3.1.4 属性选择器
|
1
|
$(
'[id="div1"]'
) $(
'["alex="sb"][id]'
)
|
3.1.5 表单选择器
|
1
|
$(
"[type='text']"
)----->$(
":text"
) 注意只适用于input标签 : $(
"input:checked"
)
|