jQuery知识点学习
1. jQuery 返回的元素值都数组类型.
2. jQuery 通过$(" ")对DOM 进行了封装
3. Query 是 js 的一个函数库,非常方便,非常主流.
4. jQuery 和 DOM 对象
1). jQuery 与 DOM 相互独立,方法不通用
2). jQuery 对象是一个 DOM 数组对象, 所以可以使用下标方式转化为 DOM 对象
var $btn = ${"button"};
var btn = $btn[0];
5. jQuery 对象是使用 $() 保证DOM 对象后产生的对象
$("select :selected").each(function(){
alert(this.value);
});
6 . jQuery的选择器:
1).选取被选中的Select 的option 需要使用选取子节点的方式
(不要忘记父节点选取子节点需要加空格)
${"select[name='test'] :selected").each(function(){
代码块//....
});
2). jQuery 选择器可以综合使用
3). 如果选择器搞不定, 可以借助方法
4). jQuery对象的几个方法:
-
val(): 获取或设置表单元素的value 属性值
//设置值
$(":text:enabled").val("尚硅谷");
//获取值
alert($(:text:enabled").val());
-
attr(): 和 val()方法类
attr(name, val): 为name属性赋值为 val:
attr(name) : 获取name 属性值
-
each(): 对jQuery对象进行遍历,其参数为function.函数内部的this 是正在实用的 DOM 对象
$("#btn4").click(function() {
$(":checkbox[name='newsletter']:checked").each(function(){
alert(this.value);
});
-
text() :和 val(): 方法类似
text(): 获取元素节点的文本子节点的值
text(str): 设置元素节点的文本子节点的值