JQuery——表单对象属性筛选选择器和特殊选择器this

简介:

      表单对象属性筛选选择器和特殊选择器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')

      })


本文转自 拉考的考拉 51CTO博客,原文链接:http://blog.51cto.com/lakaodekaola/1981048


相关文章
|
1月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
29 2
|
1月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
35 6
|
2月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
40 5
|
23天前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$(&quot;p&quot;) 选取所有段落元素,而 $(&quot;button&quot;).click(function(){ $(&quot;p&quot;).hide(); }) 实现点击按钮后隐藏所有段落。
|
1月前
|
存储 JavaScript 前端开发
jQuery 对属性的操作
【10月更文挑战第8天】
|
5月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
33 0
|
5月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
XML JavaScript 数据格式
jQuery - 获取内容和属性
jQuery - 获取内容和属性
25 5
|
2月前
|
JavaScript IDE 开发工具
jQuery - 获取内容和属性2
jQuery - 获取内容和属性2
19 3