`
jupiterpan
  • 浏览: 20784 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

浅谈 jQuery 中的 this 和 ${this}

阅读更多

最近接触前端,开始学习JS、初涉jQuery,有点困扰 this 和 ${this} 的区别,搜了一下资料,做了简单的测试,现做一小结。

 

jQuery中 ${...} 相当于 一个 jQueryObj 的生成器,对于同一个元素对象,多次“包装”时实际会创建多个 jQuery 对象(当然它们都是对该元素对象进行操作)

 

 

注意以下输出

                    alert(this == this)  // true
                    alert($(this) == $(this))  //false

 

 

此外,由于javascript中对象的赋值为值传递,以下输出为true

                    var jObj1 = $(this);
                    var jObj2 = jObj1;
                   
                    alert(jObj1 == jObj2); //true

 

分享到:
评论

相关推荐

    浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法

    1.JQuery this和$(this)的区别 相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    jquery.each 方法 方法一 $("img").each(function(i... //$(this)==数组中的每一个数组(如果数组是对象,就是对象) }); 方法三 应有场景有点不一样 this.each(function(){ }) 扩展jQuery对象方法 应该是 j

    浅谈jQuery中Ajax事件beforesend及各参数含义

    在jQuery中,Ajax事件是用于在发送和接收异步数据时进行特定操作的关键工具。`beforeSend`事件是这些事件之一,它允许开发者在Ajax请求发送到服务器之前执行某些代码。这个事件通常用于预处理数据、设置HTTP头或者...

    浅谈jQuery中的checkbox问题

    以上就是关于jQuery中处理checkbox问题的一些关键点,包括使用`prop()`代替`attr()`来处理`checked`属性,以及实现全选、全不选、反选和获取选中值的功能。理解这些细节对于优化和维护jQuery代码是非常重要的。

    浅谈jQuery中事情的动态绑定

    本文将深入探讨jQuery中的动态事件绑定,包括bind()、on()、live()和delegate()方法的使用场景及其特点。 1. **bind()方法** bind()方法在早期版本的jQuery中被广泛使用,用于将事件处理函数绑定到特定的DOM元素上...

    浅谈jquery.fn.extend与jquery.extend区别

    jQuery是前端开发中广泛使用的一个JavaScript库,它提供了一套简洁而强大的接口来操作文档对象模型(DOM),处理事件,进行动画效果和Ajax交互等。jQuery库中,有两个扩展方法:`$.extend()` 和 `$.fn.extend()`,这...

    浅谈Jquery核心函数

    在jQuery中,DOM对象和jQuery对象是不同的。DOM对象代表了文档中的一个单一的元素,而jQuery对象是一个包装了DOM对象的集合,可以通过jQuery的方法来操作这个集合中的所有元素。为了使用jQuery提供的丰富方法和属性...

    浅谈jquery设置和获得checkbox选中的问题

    //循环多选框中的值 checkbox.each(function(){ for(var j=0;j<data.veri.length;j++){ //判断当前值是否在数组中 if($(this).val() == data.veri[j]){ $(this).attr('checked','checked');//选中 } } }); ...

    浅谈jquery的map()和each()方法

    在jQuery库中,`map()`和`each()`都是遍历集合元素的重要方法,但它们有着不同的使用场景和功能。本文将深入探讨这两个方法,并通过示例来解释它们的工作原理。 ### 1. `map()`方法 `map()`方法主要用于创建一个新...

    浅谈jQuery hover(over, out)事件函数

    在jQuery hover事件中,我们可以利用this关键字来获取当前触发事件的元素,从而使得代码更加简洁和直观。同时,通过在鼠标移入和移出函数中动态添加和移除类,我们实现了无需额外的标志变量来判断当前鼠标状态的问题...

    浅谈Jquery为元素绑定事件

    在Jquery中,我们可以通过多种方式为元素绑定事件,例如使用bind()方法、live()方法、delegate()方法和on()方法。随着Jquery版本的演进,live()和delegate()方法已经被on()方法所取代,因为on()方法提供了更灵活的...

    浅谈jquery中delegate()与live()

    在现代jQuery开发中,虽然这两个方法已经被on()方法所取代,但了解它们依然对于理解和维护早期的jQuery代码库非常有帮助。 首先,我们来看delegate()方法。这个方法在jQuery 1.4版本中被引入,用于将事件监听器绑定...

    浅谈jQuery添加的HTML,JS失效的问题

    在JavaScript和jQuery编程中,动态添加的HTML元素可能会导致与之相关的事件处理程序失效,这是因为JavaScript在页面加载时只会为已经存在的元素绑定事件。当使用`.bind()`方法来绑定事件时,新添加的元素不会自动...

    浅谈jQuery绑定事件会叠加的解决方法和心得总结

    在JavaScript和jQuery的世界中,事件绑定是常见的交互方式,它允许我们对用户的操作做出响应。然而,如果在处理动态内容时不小心,可能会遇到事件绑定叠加的问题,这正是本文要探讨的核心话题。 首先,我们需要理解...

    浅谈jquery的html方法里包含特殊字符的处理

    在jQuery中,`html()`方法是用来设置或获取HTML元素内包含的所有内容,包括标签和文本。当我们在`html()`方法中插入包含特殊字符的字符串时,可能会遇到浏览器解析错误或者安全问题,尤其是在处理JavaScript事件或者...

Global site tag (gtag.js) - Google Analytics