`

jQuery捕捉到触发的目标元素

jQueryJavaScriptHTMLCC++ 
阅读更多 
<html>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<body>
<script>

$(function(){
 
    $("input[type=checkbox]").click(    
        function(e){ 
         alert($(e.target).val());  // e.target 捕捉到触发的目标元素 
       }      
      
    );
});

</script>
<input type="checkbox" value="1"/>a<br />
<input type="checkbox" value="2" />b<br />
<input type="checkbox" value="3"/>c<br />
<input type="checkbox" value="4"/>d<br />
<input type="checkbox" value="5"/>e<br />
<input type="checkbox" value="6"/>f<br />
<input type="checkbox" value="all" id="checkAll" />全选<br />
</body>
</html>

 

分享到：
| 解决DIV盖住select的方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery为动态生成的select元素添加事件的方法

    6. 动态添加元素到页面中：在需要的时候，使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中，从而使得select元素变得可用。 7. 绑定事件到...

    jquery计算鼠标和指定元素之间距离的方法

    接着调用 `calculateDistance` 函数，以鼠标当前坐标和目标元素为参数计算距离，并将结果显示在页面上的 `#distancespan` 元素内。 示例代码如下： ```javascript (function() { var mX, mY, distance, $...

    jquery 坦克大战源码

    在坦克大战游戏中，jQuery被用于元素选择、事件绑定、DOM操作等方面。例如，使用`$(selector).click(function() {})`来监听用户的点击事件，当用户点击某个元素时触发相应的行为，如控制坦克移动或发射炮弹。 游戏...

    jQuery Rater评分插件

    jQuery Rater插件是基于流行的JavaScript库jQuery构建的，它的主要目标是提供一个直观、美观的星级评分界面。这款插件不仅支持静态显示，还支持动态交互，即用户可以实时更改评分，并且开发者可以通过API获取用户的...

    摄像头方案----jQuery插件(兼容IE19到11).rar

    在这个方案中，摄像头捕捉到的视频帧可以被绘制到Canvas上，以便进一步处理，比如拍照、添加滤镜效果或者进行其他图像操作。 5. 拍照功能：jQuery WebCamera插件提供了拍照接口，用户可以点击按钮触发拍照，然后将...

    jquery - 1.4.2 图片拖拽排序实例

    `drop`事件处理函数在图片被放下时触发，通过比较拖动元素和目标元素在DOM中的原始顺序，决定如何重新排列它们。 在实际应用中，你可能还需要考虑更多的细节，例如边界检测（防止图片拖出容器）、多个目标区域...

    jQuery文档

    - **文档片段创建**：`bk(a)`函数创建一个空的文档片段，用于批量添加元素到DOM树中，提高性能。文档片段可以包含多个元素，而不会立即触发页面重绘。 - **元素创建与插入**：`bC(a,b)`函数用于在给定上下文中创建...

    layui动态绑定事件的方法

    最后，实例化操作应该在动态添加元素到DOM之后进行，这样才能确保实例化的是正确的DOM元素。如果在DOM元素实例化之前就调用了实例化方法，可能会导致无法正确应用到动态添加的元素上。 综上所述，layui动态绑定事件...

    超酷jQuery环形按钮菜单效果插件

    同时，通过监听`.click()`或`.mouseover()`事件，可以精确地捕捉用户的交互行为，触发相应的菜单展示或隐藏。 在提供的压缩包文件中，我们可以看到多个示例文件（index4.html、index3.html、index2.html、index....

    jQuery实现swiper移动端滑动式导航特效.zip

    3. **CSS3动画**：jQuery可以触发CSS3的过渡和动画效果，通过修改元素的样式属性（如`transform`），实现平滑的滑动过渡。 4. **数据缓存和性能优化**：为了提高在移动设备上的性能，可能使用了`.data()`方法存储和...

    jQuery 3D立体螺旋动画焦点图切换插件

    当用户触发某个事件（如鼠标悬停或点击）时，jQuery会捕捉到这个事件并执行相应的函数，该函数会操纵DOM元素（例如图片容器），改变其CSS属性，以实现3D螺旋动画的过渡效果。 3D立体效果的实现依赖于CSS3的3D转换和...

    jQuery手机触屏滑动导航代码.zip

    jQuery是由John Resig创建的一个轻量级的JavaScript库，它的目标是使JavaScript编程变得更加简单。jQuery通过封装DOM操作、事件处理、动画和Ajax交互，极大地简化了JavaScript的使用。它具有强大的选择器功能，可以...

    jquery个性人面部跟随鼠标转向相册代码下载.zip

    在这个项目中，我们将使用jQuery选择器定位到人脸元素，并监听鼠标移动事件。 2. **CSS3转换**：为了让人脸跟随鼠标转动，我们需要利用CSS3的`transform`属性。`transform`可以实现元素的旋转、缩放、平移等效果。...

    jQuery带语音右侧悬浮在线客服兼容主流浏览器.zip

    jQuery可以通过检测窗口大小变化(`$(window).resize()`)并相应调整元素样式来实现这一目标。 综上所述，"jQuery带语音右侧悬浮在线客服兼容主流浏览器"是一个综合运用了jQuery库以及相关技术的项目，旨在提供一个...

    jQuery仿手机移动端滑动解锁验证插件.zip

    2. **监听滑动事件**：使用jQuery的事件监听功能，捕捉用户对滑块的触摸或鼠标操作。 3. **计算滑动距离**：当用户开始拖动滑块时，插件会记录起点位置，然后持续计算与目标位置的距离。 4. **动态更新界面**：根据...

    jquery新浪微博图文混排切换效果

    切换效果通常涉及到元素的显示与隐藏，可以使用jQuery的`.show()`和`.hide()`方法。在本例中，可能有多个图文单元，通过点击或滑动触发切换，使不同的图文单元依次展示。我们可以使用`.click()`事件监听用户的点击...

    jquery简单实现自动查询控件

    使用jQuery的`keyup`事件监听用户输入，`debounce`函数用于限制用户输入频繁触发请求： ```javascript $('#search-input').on('keyup', debounce(function() { var keyword = $(this).val(); if (keyword) { /...

    jQuery+html5手机端滑动伸缩的侧边栏菜单特效源码.zip

    利用jQuery的事件监听器，我们可以捕捉到用户的滑动动作。常见的事件有`touchstart`、`touchmove`和`touchend`，它们分别对应于触摸开始、触摸移动和触摸结束。通过比较触摸开始和结束时的位置，我们可以判断用户...

    jquery实现点击其他区域时隐藏下拉div和遮罩层的方法

    具体到实现方法，这部分内容介绍了如何利用jQuery的事件绑定功能，捕捉到点击事件，并根据点击位置来决定是否隐藏下拉菜单和遮罩层。关键技术点包括： 1. jQuery事件绑定：通过使用jQuery的.bind()方法或.on()方法...

    jQuery响应式下拉导航菜单项.zip

    在下拉菜单中，当鼠标移到某个菜单项上时，会触发相应的事件，展示其子菜单。 5. **媒体查询**：CSS3的媒体查询是实现响应式设计的关键技术。它可以检测设备的特性，如视口宽度，然后根据这些特性应用不同的样式...

Magicbox
Global site tag (gtag.js) - Google Analytics