表单对象属性筛选选择器和特殊选择器this
1 表单对象属性选择器专门针对表单元素,可以附加在其他选择器的后面,对所选择的表单元素进行筛选
2 表单对象属性选择器的描述
$(":enabled") 选取可用的表单元素
$(":disabled") 选取不可用的表单元素
$(":checked") 选取被选中的<input>元素
$(":selected") 选取被选中的<option>元素
3 选择器适用于复选框和单选框,下拉框元素使用selected选择器
4 input:checked选择器在任何浏览器中只选取<input>元素
5 this和$(this)的区别
this是JavaScript中的关键字,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法
$(this)代表上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值
6 在JavaScript中this是动态的,意思是动态通过call和apply等方法可以改变上下文对象
7 this是DOM元素本身的一个引用,在DOM中this是指向这个html元素对象
8 在addEventListener绑定事件中,this指向当前的dom对象,再次修改时可以通过this获取到引用,但是很复杂,而把this加工成JQuery对象则更简单
9 通过this获取到引用的方法
如p.addEventListener('click',function(){
//this===p
//以下两者的修改都是等价的
this.style.color="red";
p.style.color="red";
},false);
10 把this加工成JQuery的方法
如$('p').click(function(){
//把p元素转化成jquery的对象
var $this=$(this)
$this.css('color','red')
})