首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JQuery的$命名冲突

然而,当我们引入多个js库后,在另外一个js库中也定义了$符号的话,那么我们在使用$符号时就发生了冲突。下面以引入两个库文件jquery.jsprototype.js为例来进行说明。 ...,如: 代码 <script src="prototype.js" type="text/<em>javascript</em>...2 (function($){})(<em>jQuery</em>) 这个写法主要的作用还是保证<em>jquery</em>不与其他类库或变量有<em>冲突</em> 首先是要保证<em>jQuery</em>这个变量名与外部没有<em>冲突</em>(<em>jquery</em>内部$与<em>jQuery</em>是同一个东西...有两个名字的原因就是怕$与其他变量名有<em>冲突</em>二<em>jQuery</em>与其他变量<em>冲突</em>的几率非常小)并传入匿名对象,匿名对象给参数起名叫做$(其实<em>和</em><em>jquery</em>内部是一样的) 然后你就可以自由的在(function(...$){})(<em>jQuery</em>)里写你的插件而不需要考虑与外界变量是否存在<em>冲突</em> <em>Jquery</em>的$命名<em>冲突</em> JS中如何判断null、undefined与NaN

1.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    解决JQuery中的ready函数冲突

    jQuery确实是一个提高前端开发效率的好框架(虽然很多大牛们都说它效率不咋地),但是用好它有时候并不容易,也许你也遇到过以下情况: 一个aspx页面通常可以包含其它ascx控件,如果在多人协同开发的情况下...function{}),而程序员小王又在控件B.ascx中也使用了ready函数,程序员小李在做页面时,把A.ascx,B.ascx都拖到自己的页面中,然后在页面中也需要用到$().ready函数,这下好了: 虽然jQuery...本身的设计还算不错,document加载完成后会依次触发各个ready中定义的function(这一点很好,不象javascript中默认后面的同名函数会覆盖前面的函数定义),但是如果某个程序员希望自己的

    1.6K80

    jquery对象javascript对象相互转换

    jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#...DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。...$("#img").attr("src","test.jpg"); document.getElementById("img").src=\'#\'" 是等价的,是正确的,但是 $("#img")....2. jQuery 对象转成 DOM 对象 两种转换方式讲一个 jQuery 对象转换成 DOM 对象: [index] .get(index); (1) jQuery 对象是一个数据对象,可以通过...对象 DOM 对象,需要再强调的是: DOM 对象才能使用DOM 中的方法,jQuery 对象是不可以使用DOM中的方法。

    44210

    JavaScript强化教程——jQuery - 获得内容属性

    本文作者:IMWeb 王军 原文出处:IMWeb社区 未经同意,禁止转载 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery - 获得内容属性...jQuery 拥有可操作 HTML 元素属性的强大方法。...jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问操作元素属性变得很容易。...提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML XML 文档的标准: “W3C 文档对象模型独立于平台语言的界面,允许程序脚本动态访问更新文档的内容...(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() html() 方法来获得内容: 实例$("#btn1").click(function

    95050

    JavaScript强化教程——jQuery - 获得内容属性

    本文作者:IMWeb 王军 原文出处:IMWeb社区 未经同意,禁止转载 本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery - 获得内容属性...jQuery 拥有可操作 HTML 元素属性的强大方法。...jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问操作元素属性变得很容易。...提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML XML 文档的标准: “W3C 文档对象模型独立于平台语言的界面,允许程序脚本动态访问更新文档的内容...(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() html() 方法来获得内容: 实例$("#btn1").click(function

    70620

    jQuery - noConflict() 方法介绍-解决jQuery与其他框架冲突的问题

    这个方法可能不是很常见,这个是jQuer提供的一个方法,说一下应用场景,比如说,我们使用jQuery的时候,需要引入别的框架,那么刚好这个框架也是$开头的,那是不是很悲催,因为jQuery也是$开头的,...所以jQery也考虑到了这个问题,就出现了jQuery - noConflict() 方法。 下面简单的写几个例子看一下怎么使用的!...我们写jQuery的时候一般写法是这样的: $("div").append("jquery运行中..."); 那么如果引入别的js框架的时候,也是$开始的,我们怎么写呢?...直接写全名就可以其实 $.noConflict(); jQuery("p").append("this is p"); 或者这样写也是可以的:将其赋予一个变量来使用 var jq = $.noConflict...那么我们在jQuery的代码块里面写就行了,将$当作参数传递给ready jQuery(document).ready(function($){ $("h1").append("This is

    78710

    JavaScript进阶内容——jQuery

    JavaScript进阶内容——jQuery 我们在前面的文章中已经掌握了JavaScript的全部内容,现在让我们了解一下JavaScript库 这篇文章主要是为了为大家大致讲解JavaScript...api chm (cuishifeng.cn) JavaScriptJavaScript库: 即library,是一个封装好的特定的集合(包括许多属性方法)。...入口函数 jQuery的使用位置JavaScript的使用位置一样,都是在script中进行,同样存放在body底部 $(function(){ ......jQuery并没有封装,所以如果想使用这些属性方法就需要把jQuer对象转换为DOM对象才能使用 代码展示: <!.../index.html jQuery事件 jQuery的鼠标事件键盘事件与JavaScript原生代码事件完全相同: 鼠标事件 触发条件 click 鼠标点击左键触发 mouseover 鼠标经过触发

    5.5K10

    JavaScript(19)jQuery HTML 获取设置内容属性

    jQuery HTML jQuery 拥有可操作 HTML 元素属性的强慷慨法。 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。...jQuery 提供一系列与 DOM 相关的方法,这使訪问操作元素属性变得非常easy。...提示:DOM = Document Object Model(文档对象模型) DOM 定义訪问 HTML XML 文档的标准:“W3C 文档对象模型独立于平台语言的界面,同意程序脚本动态訪问更新文档的内容...jQuery HTML – 获得内容属性 获得内容 – text()、html() 以及 val() 三个简单有用的用于 DOM 操作的 jQuery 方法: text() – 设置或返回所选元素的文本内容...html() – 设置或返回所选元素的内容(包含 HTML 标记) val() – 设置或返回表单字段的值 通过 jQuery text() html() 方法来获得内容: $("#btn1

    1.4K10

    jQuery 事件绑定 JavaScript 原生事件绑定

    总结一下:jQuery 事件绑定 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind、live、delegate、on...最常用的一种 自 jQuery 版本 1.7 起,on() 方法是 bind()、live() delegate() 方法的新的替代品。...JavaScript支持在标签中直接绑定事件 2.在JavaScript代码中onXXX绑定:在JavaScript代码中绑定事件可以使JavaScript代码与HTML标签分离,文档结构清晰,便于管理开发...事件绑定 JavaScript 事件绑定的区别 jQuery 中的事件绑定具有叠加性,JavaScript 的事件绑定则是可覆盖的。...可以发现: 使用 jQuery 的事件绑定方法,对同一个元素的 click 事件先后绑定了三个处理函数,结果按顺序都输出了,说明了 jQuery 的事件处理函数是叠加的; 而使用 JavaScript

    5.7K20
    领券