`
rebecca
  • 浏览: 314927 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

jquery与var $ = function (id) { ……}冲突

 
阅读更多

var $ = function (id) {   return "string" == typeof id ? document.getElementById(id) : id; }; 如果对javascript没能太深入的研究,看到上段代码,可能很容易与jquery混淆,如果在javascript里面使用了上面一段代码,你再需要调用jquery的时候,就会无法执行。 $()与$,的确很容易混淆。

 

 

var $ = function (id) { 

 return "string" == typeof id ? document.getElementById(id) : id;

};

如果对javascript没能太深入的研究,看到上段代码,可能很容易与jquery混淆,如果在javascript里面使用了上面一段代码,你再需要调用jquery的时候,就会无法执行。

$()与$,的确很容易混淆,而这种莫名其妙的错误,原因会让人找的很头疼,因为许多javascript我们直接从网页里copy而来。

解决上面的问题,将$这个函数名用一个普通的字母代码。

var f = function (id) { 

 return "string" == typeof id ? document.getElementById(id) : id;

};

分享到:
评论

相关推荐

    layui 扩展 authtree 无限级权限控制树

    首先下载authtree.js,为了你能正确使用该模块,建议放在extends文件夹下(没有就创建一个),该文件夹与layui同级,为了方便你的使用,第三方组件都可放在里面 layui.config({ base: '__STATIC__/newWeb/...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.docx

    在网页开发中,JavaScript(简称JS)和jQuery库是两个常用的工具,用于操作DOM(文档对象模型)。本文将详细阐述如何使用JS和jQuery获取父级元素、子级元素以及兄弟元素。 首先,让我们看看JS获取这些元素的方法。...

    把jQuery的类、插件封装成seajs的模块的方法

    调用方法:这样引进就可以像以前一样使用jquery 代码如下:define(function (require, exports, module) { var $ = require(‘./js/jquery’);   // $(document).ready(function () { // $(“tr”).

    jQuery的点击弹出选择头像保存代码.zip

    脚本简介jQuery点击弹出选择头像保存代码是一款个人中心页面经常用到的点击卡通头像弹出设置头像窗口,点击更换...$(".pic_box li img").click(function(){ var src=$(this).attr("src"); $(".jide").val(src); })

    jQuery基础

    jQuery = window.jQuery = window.$ = function( selector, context ) { // The jQuery object is actually just the init constructor 'enhanced' return new jQuery.fn.init( selector, context ); }, // A ...

    jQuery的实现原理的模拟代码 -1 核心部分

    核心部分实现了两种选择... // jQuery 是一个函数,其实调用 jQuery.fn.init 创建对象 var $ = jQuery = window.$ = window.jQuery // #19 = function (selector, context) { return new jQuery.fn.init(selector, cont

    解决自定义$(id)的方法与jquery选择器$冲突的问题

    为了解决这个问题,我们可以采取几种策略,确保自定义函数与jQuery的选择器不发生冲突。 1. **重命名自定义函数**: 如描述中所示,最简单直接的方式就是将自定义的`$`函数改名为其他名称,比如`getId`。这样做...

    jQuery插件制作之参数用法实例分析

    jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i < 5;i++){ $originalElement.clone() .css({ position :"absolute", left :$...

    Jquery实现$.fn.extend和$.extend函数_.docx

    在JavaScript中,jQuery库提供了两种扩展对象的方法,即`$.fn.extend`和`$.extend`。它们都用于增加或修改现有对象的功能,但应用场景不同。本文将深入解析这两种方法的实现原理和用途。 首先,`$.fn.extend`是用于...

    jquery.params.js

    jQuery.query = new function () { var is = function (o, t) { return o != undefined && o !== null && (!!t ? o.constructor == t : true); }; var parse = function (path) { var m, rx = /\[([^[]*)\]/g, ...

    jQuery的ajax

    var id = self.attr('data-id'); Box.refund(self, id); }); body.on('click', '.btn_box_checkIdentifying', function() { var self = $(this); var id = self.attr('data-id'); var url = '/UserManagement/...

    解决jquery与dwr冲突(java/jsp)

    ### 解决jQuery与DWR冲突的方法 在Web开发过程中,经常需要使用多种JavaScript库来实现丰富的前端交互效果。其中,jQuery因其简洁易用的特点而被广泛采用,而DWR(Direct Web Remoting)则是一种简化Java与...

    在jQuery中使用$而避免跟其它库产生冲突的方法

    通过上述方式,$customAlias成为了jQuery的替代别名,这样在代码中就可以使用$customAlias来进行jQuery相关的操作,从而避免与其他库中$的冲突。 方法三:在语句块中使用jQuery的$ 另一个简单的方法是在需要使用...

    jquery导航(超漂亮)

    var l = this, g, y = l.jQuery, p = l.$, o = l.jQuery = l.$ = function (E, F) { return new o.fn.init(E, F) }, D = /^[^<]*(<(.|\s)+>)[^>]*$|^#([\w-]+)$/, f = /^.[^:#\[\.,]*$/; o.fn = o.prototype = { ...

    jQuery中(function($){})(jQuery)详解

    在JavaScript世界中,jQuery...因此,当你编写jQuery插件或需要使用 `$` 而不希望与全局环境中的其他代码冲突时,使用这种模式是最佳实践。通过理解并应用这一技巧,你可以写出更加健壮、高效且易于维护的jQuery代码。

    jkQuery:慢下来,jQuery

    jkQuery 这是一个非常简单的库,...[removed] var jQuery = $$; [removed] 您仍然可以通过$$.$访问原始jQuery。 jkQuery也可以配置: [removed] var $ = $$.$$(config); [removed] 配置 默认情况下,jkQuery将事情

    锋利的jquery(学习笔记)

    以上就是关于《锋利的jQuery》学习笔记中涉及的一些核心知识点,包括jQuery对象与DOM对象的转换、解决库冲突的方法以及jQuery对CSS选择器和选择器的扩展应用。理解并掌握这些内容,将有助于你更加高效地使用jQuery...

    基于jQuery的音乐播放器源代码

    【音乐播放器开发详解——基于jQuery的实现】 在网页中集成音乐播放功能,不仅可以提升用户体验,还能为网站增添趣味性。本教程将深入探讨如何利用jQuery库构建一个基本的音乐播放器,支持缓冲和歌词显示。jQuery是...

    写出高效jquery代码的19条指南

    【写出高效jQuery代码的19条指南】 在深入学习jQuery高效编程之前,首先要理解jQuery实际上是一种基于JavaScript的库,因此,对于JavaScript的基本理解和遵循最佳实践是至关重要的。如果你是JavaScript新手,建议先...

Global site tag (gtag.js) - Google Analytics