`
wandejun1012
  • 浏览: 2719441 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery click 当前对象

 
阅读更多

 

$(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获取当前点击的对象元素(实现代码)

    jQuery获取当前点击的对象元素(实现代码) [removed][removed] &lt;/head&gt; &lt;body&gt; 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...

    Jquery对象集合

    当在jQuery对象集合上调用方法时,方法内部的`this`关键字指向当前处理的DOM元素。这使得在循环中操作元素变得简单。 6. **方法的参数** 许多jQuery方法接受参数,允许我们定制操作。例如,`fadeIn()`方法可以...

    jquery获取当前点击对象的value方法

    本文将介绍如何利用jQuery获取当前被点击对象的value值。 首先,我们需要了解HTML元素的value属性通常用在哪些标签上。在HTML中,具有value属性的标签主要有`&lt;input&gt;`, `&lt;option&gt;`, 和`&lt;button&gt;`等表单元素。例如,...

    jQuery_的原型关系图

    当试图访问对象的一个属性时,JavaScript会首先在当前对象中查找,如果找不到,则会沿着原型链向上查找,直到找到该属性或者到达原型链的顶端(即`null`)。 在jQuery中,核心的`$`函数实际上是一个构造函数,用于...

    JQUERY精选使用方法

    这意味着只能对jQuery对象使用jQuery提供的方法,而DOM对象则只能使用原生的DOM API。 - **DOM对象转jQuery对象**:`$(document.getElementById("elementId"))` - **jQuery对象转DOM对象**: - `$("#elementId")[0...

    jquery手册(jquery.cuishifeng.cn网页版)2

    6. **链式操作**: jQuery对象是链式操作的基础,一个方法调用后可以立即调用另一个方法,如`$("#element").addClass("highlight").fadeIn(500)`。 7. **插件生态**: jQuery拥有庞大的插件生态系统,如jQuery UI提供...

    jQuery之DOM对象和jQuery对象的转换与区别分析

    jQuery对象则使用如$(element).click()等jQuery封装的事件绑定方法。 4. 多个方法的串联。在jQuery中,可以很容易地将多个方法串联起来,比如$(element).css("color", "red").show();,而DOM对象则不行。 5. ready...

    jquery获取当前选中下拉框的各个属性

    $('#add').click(function() { // 获取左侧选中项 var selectedOptions = $('#select1 option:selected'); // 将选中项添加到右侧下拉框 selectedOptions.clone().appendTo('#select2'); // 清除左侧选中状态 ...

    jQuery学习资料之万能的选择器

    - **jQuery转DOM**:可以使用索引访问包装集中的DOM对象,如`$("#testDiv")[0]`,或者在`.each()`遍历中,`this`指针指向当前遍历的DOM元素。 ### 2. jQuery选择器 jQuery选择器是其强大之处,它们基于CSS选择器,...

    jQuery事件对象的属性和方法详解

    jQuery事件对象的属性和方法,供大家参考,具体内容如下 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click...

    jquery实现PDF在线预览 jquery实现在线预览PDF文档

    每一页都是一个`PDFPageProxy`对象,我们可以调用`getOperatorList`和`render`方法来渲染。 ```javascript var pageNumber = 1; // 从第一页开始 pdfDocument.getPage(pageNumber).then(function(pdfPage) { var ...

    jquery.js 工具文件

    jQuery提供了丰富的事件处理方法,如`.click()`, `.hover()`, `.change()`等。以下是一个点击事件的例子: ```javascript $("#myButton").click(function() { alert("按钮被点击了!"); }); ``` 五、jQuery动画...

    通用 JQuery 插件 开发

    1. **元素遍历**:由于`$.fn`是jQuery对象的实例,所以插件内部的`this`将指向当前选中的jQuery对象。可以使用`each`方法遍历所有元素并执行相应操作。 2. **DOM操作**:jQuery提供了丰富的DOM操作方法,如`html()`...

    基于jQuery的对象切换插件(常见焦点图切换集合)

    - **导航控制**:显示当前对象的索引和总数量,允许用户跳转到特定位置。 - **触屏支持**:对于移动设备,提供触摸滑动的交互方式。 ### 3. 插件实现 该插件可能包含以下部分: - **初始化函数**:调用时,根据...

    JQuery框架软件包下载

    这通常涉及使用`FormData`对象来封装表单数据,包括文件,然后使用jQuery的`$.ajax()`或`$.post()`方法发送这些数据到服务器。这样,用户可以在不离开当前页面的情况下上传文件,提高交互性和效率。 **jQuery的使用...

    jQuery

    2. **事件处理函数**: 事件处理函数可以直接写在jQuery对象后面,如`$("#button").click(function() {...})`。 3. **事件冒泡与阻止**: `event.stopPropagation()`可阻止事件冒泡,`event.preventDefault()`可阻止...

    jquery.min_jquery.min.js_

    描述中的"最新版jquery.min.js,共享快速下载,分享给有需要的人"表明这个文件是更新到当前的jQuery版本,适合开发者快速获取并用于他们的项目。这种无私的分享精神在开发者社区中非常常见,因为共同进步和资源的...

    极简单高效兼容jquery两个按钮点击隐藏或显示两个不同对象_jmjjp制作整理

    例如,检查对象当前是否隐藏(`is(":hidden")`),然后根据结果决定是显示还是隐藏。 ### 示例代码 以下是一个简单的实现示例: ```html &lt;!DOCTYPE html&gt; 按钮点击隐藏显示 &lt;script src="https://code....

Global site tag (gtag.js) - Google Analytics