jquery教程w3c（进口加热棒10大品牌）_生活问答

本文目录一览：

1、Jquery实现复选框全选与全不选
2、JQuery入门——用bind方法绑定事件处理函数应用介绍
3、JQUERY方法给TABLE动态增加行
4、如何引入及简单使用
5、jquery如何获得表格所在的行数和列数

Jquery实现复选框全选与全不选

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

也就是说，只要给相同name的元素设置不同的value，提交后通过分解字符串就能获得数据。

具体说一下jQuery的优势。轻量级 JQuery非常轻巧，采用Dean Edwards编写的Packer压缩后，大小不到30KB，如果使用Min版并且在服务器端启用Gzip压缩后，大小只有18KB。

如果未被选中，则从 checkList 数组中移除该值。每次单选操作后，调用 selectAll（）函数检查是否所有单选框都被选中，以更新全选复选框的状态。判断是否全部选中：遍历所有单选复选框，检查它们是否都被选中。如果全部被选中，则选中全选复选框；否则，取消选中全选复选框。

JQuery入门——用bind方法绑定事件处理函数应用介绍

例如，$（#btn）.off（click）可移除所有点击事件监听。简写方式与事件对象jQuery提供简写方法（如.click（）、.hover（），本质是bind的语法糖。事件处理函数中，jQuery封装的事件对象（event）提供额外属性（如event.currentTarget指向当前触发元素），便于开发。

当用户点击元素内部之后，就会弹出一个警告框。on（）方法在选择元素上绑定一个或多个事件的事件处理函数。 on（）方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 7中，.on（）方法提供绑定事件处理程序所需的所有功能。

第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已第三种方法都是绑定事件，但是二者又有很大的不同，下面着重讲解一下，因为这个如果用到Jquery的框架的话是用的挺多的，尤其要注意二者的区别。

$（p）.bind（mouseenter mouseleave，function（）{alert（ok）；}）$（p）.live（mouseenter mouseleave，function（）{alert（ok）；}）delegate用于事件委托，也是绑定过JavaScript或者jQuery添加的DOM元素事件。

首先使用jQuery选择器获取到想要绑定click事件的img元素，然后可以直接绑定click方法，也可以通过bind方法绑定。这里详细介绍一下bind方法。bind定义和用法：bind（）方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。