$(this)即是当前点击的对象。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script type="text/javascript" src="jquery-1.2.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(":input").click(function(){ alert($(this).attr("name")); }) }); </script> </HEAD> <BODY> <input type="button" name="test1" value="test1"> <input type="button" name="test2" value="test2"> <input type="button" name="test3" value="test3"> <input type="button" name="test4" value="test4"> <input type="button" name="test5" value="test5"> <input type="button" name="test6" value="test6"> </BODY> </HTML>
refurl:http://bbs.csdn.net/topics/320146000
相关推荐
jQuery获取当前点击的对象元素(实现代码) [removed][removed] </head> <body> 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...
当在jQuery对象集合上调用方法时,方法内部的`this`关键字指向当前处理的DOM元素。这使得在循环中操作元素变得简单。 6. **方法的参数** 许多jQuery方法接受参数,允许我们定制操作。例如,`fadeIn()`方法可以...
本文将介绍如何利用jQuery获取当前被点击对象的value值。 首先,我们需要了解HTML元素的value属性通常用在哪些标签上。在HTML中,具有value属性的标签主要有`<input>`, `<option>`, 和`<button>`等表单元素。例如,...
首先,我们要了解“.index()”方法的作用,它可以帮助我们获取jQuery对象集合中某个元素的索引位置。这个索引值是从0开始计数的,即第一个元素的索引值为0。这个方法既可以用来获取子元素的索引,也可以用来获取与...
当试图访问对象的一个属性时,JavaScript会首先在当前对象中查找,如果找不到,则会沿着原型链向上查找,直到找到该属性或者到达原型链的顶端(即`null`)。 在jQuery中,核心的`$`函数实际上是一个构造函数,用于...
这意味着只能对jQuery对象使用jQuery提供的方法,而DOM对象则只能使用原生的DOM API。 - **DOM对象转jQuery对象**:`$(document.getElementById("elementId"))` - **jQuery对象转DOM对象**: - `$("#elementId")[0...
6. **链式操作**: jQuery对象是链式操作的基础,一个方法调用后可以立即调用另一个方法,如`$("#element").addClass("highlight").fadeIn(500)`。 7. **插件生态**: jQuery拥有庞大的插件生态系统,如jQuery UI提供...
jQuery对象则使用如$(element).click()等jQuery封装的事件绑定方法。 4. 多个方法的串联。在jQuery中,可以很容易地将多个方法串联起来,比如$(element).css("color", "red").show();,而DOM对象则不行。 5. ready...
$('#add').click(function() { // 获取左侧选中项 var selectedOptions = $('#select1 option:selected'); // 将选中项添加到右侧下拉框 selectedOptions.clone().appendTo('#select2'); // 清除左侧选中状态 ...
- **jQuery转DOM**:可以使用索引访问包装集中的DOM对象,如`$("#testDiv")[0]`,或者在`.each()`遍历中,`this`指针指向当前遍历的DOM元素。 ### 2. jQuery选择器 jQuery选择器是其强大之处,它们基于CSS选择器,...
jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...
每一页都是一个`PDFPageProxy`对象,我们可以调用`getOperatorList`和`render`方法来渲染。 ```javascript var pageNumber = 1; // 从第一页开始 pdfDocument.getPage(pageNumber).then(function(pdfPage) { var ...
jQuery提供了丰富的事件处理方法,如`.click()`, `.hover()`, `.change()`等。以下是一个点击事件的例子: ```javascript $("#myButton").click(function() { alert("按钮被点击了!"); }); ``` 五、jQuery动画...
1. **元素遍历**:由于`$.fn`是jQuery对象的实例,所以插件内部的`this`将指向当前选中的jQuery对象。可以使用`each`方法遍历所有元素并执行相应操作。 2. **DOM操作**:jQuery提供了丰富的DOM操作方法,如`html()`...
- **导航控制**:显示当前对象的索引和总数量,允许用户跳转到特定位置。 - **触屏支持**:对于移动设备,提供触摸滑动的交互方式。 ### 3. 插件实现 该插件可能包含以下部分: - **初始化函数**:调用时,根据...
这通常涉及使用`FormData`对象来封装表单数据,包括文件,然后使用jQuery的`$.ajax()`或`$.post()`方法发送这些数据到服务器。这样,用户可以在不离开当前页面的情况下上传文件,提高交互性和效率。 **jQuery的使用...
2. **事件处理函数**: 事件处理函数可以直接写在jQuery对象后面,如`$("#button").click(function() {...})`。 3. **事件冒泡与阻止**: `event.stopPropagation()`可阻止事件冒泡,`event.preventDefault()`可阻止...
描述中的"最新版jquery.min.js,共享快速下载,分享给有需要的人"表明这个文件是更新到当前的jQuery版本,适合开发者快速获取并用于他们的项目。这种无私的分享精神在开发者社区中非常常见,因为共同进步和资源的...