`

jquery为按钮绑定事件(快速执行函数)

 
阅读更多
var queryFormArr = ['tone','singger','code','box','ugc',null];
$(function(){
	$("#topSearchImg").bind('click',function(){search();});//为查询图片添加事件
	$("#searchType").children().css("cursor","pointer");
	$("#searchType").children().each(function(index,sp){
		$(sp).click(function(j){
			return function(){//点击事件
				var spans = $("#searchType").children();
				spans.removeClass().addClass("color2");
				spans.eq(j).removeClass().addClass("STYLE2");
				
				//queryFrom
				$("#queryFrom").val(queryFormArr[index]);
			}
		}(index));
	});
});


分享到:
评论

相关推荐

    jQuery键盘按钮响应事件代码.zip

    在JavaScript的世界里,jQuery库为开发者提供了极大的便利,特别是在处理DOM操作、事件处理以及动画效果等方面。本资源“jQuery键盘按钮响应事件代码.zip”显然关注的是如何利用jQuery来实现键盘按键与页面上按钮的...

    JQuery绑定事件

    而事件委托则是利用事件冒泡机制,将事件绑定到父元素上,然后通过检查触发事件的原始元素来执行相应的处理函数,这样可以减少事件监听器的数量,提高性能。 在实际开发中,我们还需要了解如何移除事件绑定。这可以...

    jQuery实现当按下回车键时绑定点击事件

    在jQuery中,有几种方法可以绑定事件处理函数,如`.bind()`、`.on()`等方法,同样也有`.trigger()`、`.click()`等方法用于触发事件。 根据文档提供的代码,实现按下回车键触发点击事件主要涉及到了`keydown`事件...

    jquery的时间绑定事件与合成事件小例

    本篇文章将深入探讨jQuery中的时间绑定事件`bind()`以及合成事件`hover()`,并结合一个名为`jqueryDemo`的示例代码进行解析。 ### 1. `bind()` 方法 `bind()`是jQuery中用于绑定事件处理函数到指定元素的方法。它...

    layui动态绑定事件的方法

    先通过jQuery选取需要添加事件监听的元素,然后使用.on()方法绑定事件。对于动态添加的元素,我们同样可以使用.on()方法进行事件委托,将事件监听设置在静态的父级元素上,从而实现对动态添加元素的事件监听。 在...

    jquery事件绑定例子

    这里,`selector`是用于选择要绑定事件的元素的jQuery选择器,`event`是想要监听的事件名称(如`click`、`mouseover`等),而`handler`则是当事件发生时要执行的函数。 例如,如果我们想要在点击按钮时显示一条消息...

    jquery 监听页面按钮

    本篇文章将深入探讨如何使用jQuery监听页面上的按钮事件,以实现丰富的用户交互。 一、jQuery的基本概念 jQuery是由John Resig创建的一个轻量级的JavaScript库,它的核心理念是"Write Less, Do More"。jQuery通过...

    jQuery实现按钮滑动切换

    在`$(document).ready()`函数中,我们可以绑定点击事件到按钮上: ```javascript $(document).ready(function() { $('#button1').click(function() { $('#content1').slideToggle('slow'); }); $('#button2')....

    jQuery键盘按键按钮响应事件代码

    假设我们有一个ID为`myButton`的按钮,我们可以在键盘事件处理函数中添加如下代码: ```javascript $(document).keydown(function(event) { if (event.keyCode === 13) { // 检查是否按下回车键 $('#myButton')....

    jquery 单选按钮点击切换

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及动画效果。本文将深入探讨如何使用 jQuery 实现单选按钮的点击切换效果,这在构建用户交互丰富的 web 应用时非常常见。 ...

    Jquery on方法绑定事件后执行多次的解决方法

    在使用Jquery进行事件处理时,我们经常会用到on方法来绑定事件处理器。然而,在某些场景下,比如动态添加元素到DOM中并给这些元素绑定事件时,我们可能会遇到事件绑定多次的情况,即同一个事件处理器被重复执行多次...

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

    其中`document`可以替换为任何包含目标元素的父级元素,`#dynamic-element-id`是目标元素的选择器,`function() {}`是事件触发时执行的回调函数。 5. 示例代码分析:文章中提供的代码展示了如何为动态生成的select...

    jquery绑定事件不生效的解决方法

    关于jQuery绑定事件不生效的问题,首先需要了解jQuery为JavaScript封装了一套简便的API,极大地简化了JavaScript代码的编写,尤其在事件处理方面。但是,在实际开发过程中,可能会遇到绑定的事件不生效的情况,这...

    jquery快速学三(事件与动画)

    2. 事件简要运用:`$("#element").click(function() {...})`是jQuery中的经典事件绑定方式,它简洁地定义了当元素被点击时执行的代码块。 3. 事件冒泡:事件冒泡是指事件从子元素向父元素传播的过程。jQuery允许...

    jquery单选框radio绑定click事件实现方法

    在JavaScript的世界里,jQuery库为开发者提供了方便快捷的方式来操作DOM元素和处理事件。本文将深入讲解如何使用jQuery来绑定单选框(radio)的click事件,以便在用户点击时执行特定的功能。 首先,jQuery的选择器...

    jquery左右按钮控制图文切换代码.zip

    2. **事件绑定**:jQuery 使用 `.on()` 方法绑定事件处理函数。例如,`$("#leftBtn").on("click", function() {})`会在左按钮被点击时执行指定的函数。 3. **动画效果**:jQuery 提供了丰富的动画方法,如`.fadeIn...

    teacher progrom jQuery点击事情,事件绑定机制.rar

    总结来说,jQuery的点击事件处理和事件绑定机制是其强大功能的一部分,使得开发者能够轻松地处理用户交互,提高开发效率。`.click()`和`.on()`方法各有优劣,应根据实际需求选择使用。在处理动态元素或需要更精细...

    深入理解JQuery循环绑定事件

    在深入探讨jQuery循环绑定事件之前,我们需要了解jQuery是什么。jQuery是一个快速、小巧、功能丰富的JavaScript库,它通过一个统一的API简化了HTML文档遍历、事件处理、动画和Ajax交互。使用jQuery,开发者可以编写...

    JQuery给元素绑定click事件多次执行的解决方法

    例如,为事件处理函数添加命名空间: ```javascript $("#sdfsd").on("click.myNamespace", function(e) { // 执行的代码 }); // 解绑特定的事件处理函数 $("#sdfsd").off("click.myNamespace"); ``` 这样,`off`...

Global site tag (gtag.js) - Google Analytics