jquery的target属性，jquery eventtarget

JQuery实现列表中复选框全选反选功能封装(推荐)

首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。

反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。

最近在项目中，遇到一个问题，测试全选/反选功能时，第一次对母框进行选中/非选中时，能同步子框的全选/反选状态，之后再点击母框，子框就没反应了。本文就为大家带来一篇解决JQuery全选/反选第二次失效的问题。

JQuery中this和event.target的区别

1、关于JQuery中this和event.target的区别如下：js中的事件会冒泡，因此可以更改，但是event.target不会更改，它始终指向触发事件本身的DOM元素；假设htm是 / span / div，单击span时，更改span的颜色。

2、今天我们就来简单谈谈JavaScript的Event事件对象中 target 和 currentTarget 两者之间的区别吧~我们知道，想要获取某事件所绑定的元素，通常我们可以直接使用 this 对象即可。

3、event.target属性的作用是获取到出发事件的元素。jQuery对其封装后，避免了W3C、IE和safari浏览器不同标准的差异。

4、一个是触发事件的主体元素，一个是存在过渡的事件的相关主体之一 比如：对于mouseout：event.relatedtarget指向将进入的页面元素；而mouseover， 指向的是刚掠过的页面元素。

5、(this)是触发执行当前函数块（事件处理函数）最内层（距离最近的）的jQuery对象，在你的代码中就是触发了mouseover事件的对象。

怎样使用jQuery内类名选择器

1、类名选择器的使用方法如下：$(.class)；其中，class为要查询元素所用的CSS类名。

2、元素选择器的使用方法如下：$(element)；其中，element为要查询元素的标记名。

3、选择器有了CSS选择器基础后，看jQuery的选择器就很简单了。

4、selectorN：（可选择）为任意多个选择器，可以是ID选择器、无素选择器或是类名选择器等。

5、jQuery选择器基本选择器基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。

6、id返回一个元素，class返回1个或更多元素。从性能上来说，id选择要比class选择要更有效率，这也是成为进阶的技能之一，尽量使用id，或者通过$(#id).find(.class)这样的形式来查找，形成习惯后，效率会有一定提升。

关于jquery的target属性和jquery eventtarget的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。