jquery中 var obj =$("p") 后，obj.html()与$(obj).html()有没有区别？

最新推荐文章于 2022-07-18 10:57:37 发布

转载最新推荐文章于 2022-07-18 10:57:37 发布 · 1.9k 阅读

本文探讨了在jQuery环境中使用var $obj = $('p');与之后的调用方法，阐述了两者在获取和操作DOM元素时的细微差别，并通过实例说明了正确使用方法的重要性。

jquery中 var obj =$("p") 后，obj.html()与$(obj).html()有没有区别？

2013-06-27 14:54匿名 | 分类：Html/Css | 浏览883次

小弟刚学JQuery，还请教这两者有没有什么不同之处？

我有更好的答案

分享到：

按默认排序 | 按时间排序

1条回答

2013-06-27 18:40热心网友最快回答

通常会这样申请变量，var $obj=$("p"); $obj.html();估计你是误解了，其实，我写的$obj和你写的obj是同一个对象，这样申请变量的目的就是为了让你在用的时候清楚地看到，他是jquery中的对象

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

javaPie

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

10-22

总结一下，`$.each`用于遍历数组或对象，而`this.each`和`$.fn.each`则是jQuery中用于遍历jQuery对象的方法，特别是在自定义jQuery插件时，`this.each`扮演着重要角色。在实际应用中，根据需求选择合适的方法能帮助...

jquery 中的$("obj").html('')中的html动态改变之后点击事件失效

weixin_33924312的博客

10-10

919

解决方法使用以下方法： $(document).on("click",".zhuanjia_caidan2",function(){ }); 转载于:https://www.cnblogs.com/zhang-2052975439/p/5945775.html

参与评论您还未登录，请先登录后发表或查看评论

比较jQuery对象

CSS 初学者指南

06-26

262

如果两个jQuery对象相同，您就无法真正进行比较。 if ($(selectionOne) === $(selectionTwo)) { } 您可以比较DOM对象... if ($(selectionOne)[0] === $(selectionTwo)[0]) { } 但这仅在比较单个元素而不是集合时才真正有用。如果需要比较元素的集合，则此StackOverflow线程的...

jquery之 $.type(obj)

chunchun1230的博客

02-03

243

用来获取JavaScript数据类型[[Class]]的对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jq之type操作</title> <script src="jquery-2.0.3.js"...

Html obj定位

moonsliver的专栏

02-10

1502

今天在做层定位，对于以前的知识在巩固下……1、offsetTop【Left】：控件相对于父级控件的Top【Left】。2、clientTop【Left】：控件的offsetTop【Left】与控件可见内容的Top【Left】之间的数值。3、scrollTop【Left】：控件的Top和可见内容最高点的数值。 msdn连接：http://msdn.micro

js obj遍历.html

weixin_42193179的博客

03-22

638

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>obj遍历</title> </head> <body> <script> var obj = {"a":1...

var id = $($(obj).parent().parent().find("input")).prop("id"); var val = $("#" + id).val();

05-12

首先，`$(obj)` 表示将传入的参数 `obj` 转换为 jQuery 对象，`$(obj).parent()` 表示获取 `obj` 的父元素，`.parent()` 方法可用于获取元素的直接父元素，`.find("input")` 表示在父元素中查找所有的 `input` 元素...

用jquery 语法优化这段代码 obj.ele.find('.empty').hide(); obj.ele.find('.mini-listbox-item').each(function () { var $this = $(this); if ($this.text().indexOf(obj.value) > -1) { $this.removeClass('hidden'); } else { $this.addClass('hidden'); } }); if (obj.ele.find('.mini-listbox-item').length === obj.ele.find('.mini-listbox-item.hidden').length) { obj.ele.find('.empty').show(); }

05-25

可以使用链式调用、缓存 jQuery 对象和选择器、使用 ternary operator 等方式来优化代码，如下所示： ``` var $empty = obj.ele.find('.empty'); var $items = obj.ele.find('.mini-listbox-item'); var ...

var initVideoEffect = function () { // 初始化幻灯片按钮选中样式 $(".btnBox a").mouseover(function () { $(".btnBox a").each(function () { this.className = this.className.replace("_cur", ""); }); this.className = this.className + "_cur"; }); // 设置滑动效果 var slide = $("#slideAreaList").bxSlider({ auto: true, pause: 6000, auto_hover: true, speed: 400, }); // 鼠标滑过图片停止滑动，移开复原 slide.hover( function () { $(this).stop(); }, function () { $(".btnBox a").each(function () { if (this.className.indexOf("_cur") != -1) { $(this).mouseover(); } }); } ); var imgIncrease = 100; // 增加图像像素（变焦） var videoIncrease = 200; // 增加图像像素（变焦） // 初始化的信息 $(".indexVideo .imgList").each(function () { var obj = $(this); obj.css("width", "324"); obj.css("height", "274"); }); $(".indexVideo .imgList").hover( function () { var obj = $(this); var img = obj.find("img"); obj.find(".mask").stop().fadeTo(500, 0.5); obj.find(".text").show().fadeTo(300, 1); img.stop().animate( { width: 324 + imgIncrease, left: (100 / 2) * -1, top: (100 / 2) * -1, }, { duration: 500, queue: false, } ); }, function () { //发现图像和动画... var obj = $(this); /**********Begin**********/ /**********End**********/ } ); }; $(function () { initVideoEffect(); }); 相关知识 jQuery 动画 API 编程要求融合工厂的 HTML 页面总会有一些动画交互需求，根据右侧文件的上下文关系，我们需要获取 img，然后将尺寸变成我们初始化的 324 宽度，左侧和顶部位置恢复正常，动画变化为 500 毫秒，然后隐藏 .text。

最新发布

12-25

我们需要在 `hover` 的离开事件（即第二个函数）中恢复图片的原始状态。根据题目要求，需要完成以下操作： 1. 获取当前元素下的 `img`； 2. 将 `img` 的宽度动画恢复为初始值 `324`； 3. 将 `left` 和 `top` 重置为...

编程要求融合工厂的 HTML 页面总会有一些动画交互需求，根据右侧文件的上下文关系，我们需要获取 img，然后将尺寸变成我们初始化的 324 宽度，左侧和顶部位置恢复正常，动画变化为 500 毫秒，然后隐藏 .text。var initVideoEffect = function () { // 初始化幻灯片按钮选中样式 $(".btnBox a").mouseover(function () { $(".btnBox a").each(function () { this.className = this.className.replace("_cur", ""); }); this.className = this.className + "_cur"; }); // 设置滑动效果 var slide = $("#slideAreaList").bxSlider({ auto: true, pause: 6000, auto_hover: true, speed: 400, }); // 鼠标滑过图片停止滑动，移开复原 slide.hover( function () { $(this).stop(); }, function () { $(".btnBox a").each(function () { if (this.className.indexOf("_cur") != -1) { $(this).mouseover(); } }); } ); var imgIncrease = 100; // 增加图像像素（变焦） var videoIncrease = 200; // 增加图像像素（变焦） // 初始化的信息 $(".indexVideo .imgList").each(function () { var obj = $(this); obj.css("width", "324"); obj.css("height", "274"); }); $(".indexVideo .imgList").hover( function () { var obj = $(this); var img = obj.find("img"); obj.find(".mask").stop().fadeTo(500, 0.5); obj.find(".text").show().fadeTo(300, 1); img.stop().animate( { width: 324 + imgIncrease, left: (100 / 2) * -1, top: (100 / 2) * -1, }, { duration: 500, queue: false, } ); }, function () { //发现图像和动画... var obj = $(this); /**********Begin**********/ /**********End**********/ } ); }; $(function () { initVideoEffect(); });

12-01

在鼠标移出的回调函数中，可以使用 jQuery 的 `animate` 方法来实现这些动画效果。以下是完整的代码实现： ```javascript var initVideoEffect = function () { // 初始化幻灯片按钮选中样式 $(".btnBox a")....

jQuery核心之jQuery Object及其相关的常用方法

weixin_34293059的博客

07-25

359

1、jQuery Object 和原生的DOM对象之间有许多方法是不一样的，用jQuery的方法大部分情况下返回的是jQuery Object，但是jQuery也提供了一些方法可以很轻松的获取原生的DOM对象。先来看：获取jQuery Object之一，// Selecting only the first <h1> element on the page (in a jQuery ...

jqueryvar语句_jquery常用语句

weixin_36467693的博客

12-24

450

dropdownlist:$(document).ready(function() {$("#ddlGuo").change(function() {alert($("#ddlGuo option:selected").val());alert($("#ddlGuo option:selected").text());var a = $("#ddlGuo option:selected").val...

linux内核Mikefile 中$(obj)的含义

Sim

02-28

5247

obj-$(CONFIG_SND_ASOC_INGENIC_PHOENIX_ICDC) += snd-soc-phoenix-icdc.o $(obj)/asoc-board/phoenix_icdc.o:include/generated/autoconf.h obj-$(CONFIG_SND_ASOC_INGENIC_RatCharm_ICDC) += snd-soc-RatCharm-icd...

u-boot $(obj)include/autoconf.mk.dep

fly1000fans的专栏

03-18

521

一、uboot编译起始部分打印 Generating include/autoconf.mk Generating include/autoconf.mk.dep for dir in tools examples/standalone examples/api cpu/arm920t /home/fly1000fans/source/u-boot-2010.03/cpu/arm920t/ ;...

JQuery介绍

sj15229的博客

11-06

328

JQuery是一个JS库：里面封装了各种各样的JS方法用户在使用JQuery的时候，只需要调用jQuery的方法即可完成相对复杂的功能，没必要自己去定义相关的方法 JS和JQuery的文档就绪函数 js的文档就绪函数 document.getElementById("text1"):返回的是JS类型的对象 window.onload = function () { document

jquery对象和DOM对象。

xiaoweids的博客

07-18

170

("#id").click(function(){console.log($(this).val())})$(this)一般在匿名函数中用。dom对象functiongetName(obj){$(obj).val()}$(obj)用于获取当前标签。function中$(obj)和$(this)获取对象的区别。

JS基础_对象字面量创建对象var obj = {};

兴趣是最好的老师

04-15

2235

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //创建一个对象，调用构造函数，不常用 var obj = new Objec...

jquery 拷贝对象

黄大仙

08-28

626

如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用$.extend ()方法语法∶ $.extend ( [deep], target, object1，[object]) 1.deep:如果设为true为深拷贝，默认为false浅拷贝 2.target:要拷贝的目标对象 3.object1:待拷贝到第一个对象的对象。案例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-

jQuery

谁D了我的BUG

05-22

456

学习jQuery学习重点 1.掌握如何使用jQuery的【选择器和过滤器】定位DOM对象 2.掌握【jQuery对象功能函数】--------定位DOM对象 jQuery对象和DOM对象的关系： DOM对象：是由浏览器负责创建对象。DOM对象管理对应的html标签一个html标签对应一个DOM对象 jQuery对象：是由jQuery函数($())负责创建的对象；jQuery对象本质上就是一个数组...