`
zhuyuangping
  • 浏览: 37969 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

jquery ID冲突解决办法

 
阅读更多
特别在使用tab,或者其它窗体,经常会遇到ID冲突,导致jquery 赋值取值冲突
解决办法为每一个数据块赋值唯一的ID号
<div id="data1">
<input type=text id=name1>
</div>
<div id="data2">
<input type=text id=name1>
</div>
如果这两个div在同一个页面,或者在不同tab可能会导致冲突,jquery直至操作
$("#name1").val("zzz");//错误赋值
$("#data1 #name1").val("zzz");//
$("#data2 #name1").val("zzz");//这样两个数据块才会赋值正确,做到数据块之间的隔离
分享到:
评论

相关推荐

    discuz x 主题js与jQuery冲突的解决方案

    今天在做X2.5主题的时候,用到jquery的时候和原来主题js冲突,这个主要是Discuz X使用了$(id)作为dom节点的获取方法,而$符号刚好与jQuery的默认符号相冲突,接下来介绍解决方法,有需要的朋友可以参考下

    jQuery中 $ 符号的冲突问题及解决方案

    同一个页面多个版本冲突解决办法 你可能会问,为什么在一个页面上会引用多个版本的jQuery,只引用一个不就好了吗? 答案是:不行。一般要用到两个(或以上)版本的jQuery库的原因是:现有的网站已经用了旧版本的...

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

    这段代码是模仿jquery自定义id选择器的方法,但是因为jquery选择器也是用的这个“$”,如果你引用jquery并且使用这个方法,那么页面就会报错,解决大办法就是修改自己的方法把”$”改成”getId(id)”; 代码如下:ar ...

    jquery插件使用方法大全

    jQuery 1.5(2011年1月31日):该版本修复了83个bug,解决了460个问题。重大改进有:重写了Ajax模块;新增延缓对像(Deferred Objects);jQuery替身——jQuery.sub();增强了遍历相邻节点的性能;jQuery开发团队构建...

    jquery_dialog.rar

    本次更新将代码完全基于了JQuery框架,并应用了命名空间,让JS看起来有那么一点OO的感觉,同时修改了客户端的ID,加上jd_前缀以避免冲突,修改了拖拽的核心函数,支持了多浏览器。最后在DEMO中添加了客户端与服务端...

    jQuery权威指南-源代码

    10.5 解决jQuery库与其他库的冲突/326 10.5.1 jQuery在其他库前导入/326 10.5.2 jQuery在其他库后导入/328 10.6 使用子查询优化选择器性能/330 10.7 减少对DOM元素直接操作/332 10.8 正确区分DOM对象与jQuery...

    超实用的jQuery代码段

    11.4 解决jQuery版本冲突问题 11.5 如何设置IE特有的功能 11.6 判断浏览器类型并设置HTML元素内容 11.7 加载Google CDN的jQuery库 11.8 Cookies应用方法 11.9 使用cookie.js管理Cookies 11.10 让Cookies在N分钟后...

    jQuery详细教程

    jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...

    几行简单的jQuery代码搞定tab标签切换效果

    仅仅几行jQuery代码即可搞定的tab标签特效,虽然写的有点啰嗦,但这是一般入门jQuery的人都能看... 3、在网页底部引入jQuery库以及jQuery代码即可(如果jQuery代码出现冲突,可将jQuery中的id改为你实际代码中的id)。

    jquery实现下拉复选框

    * (2)特别说明:全局变量均以_开头,有如下2个,使用时注意命名冲突: _csidiv _csiinput * (3)使用实例: &lt;html&gt; &lt;head&gt; &lt;title&gt;my test&lt;/title&gt; [removed][removed] ...

    简单易用的图片文字滚动插件--jQuery Scrollbox

    附件中提供了五种图片、文字滚动样式,只需调用jquery库和jQuery Scrollbox插件,然后再加一段简单的jquery代码即可使用,兼容性良好,冲突的概率比较低。 使用方法: 滚动框外围的ID号直接调用scrollbox即可,...

    jQuery完全实例.rar

    jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...

    jQuery权威指南366页完整版pdf和源码打包

    10.2 处理选择器中的不规范元素标志 10.2.1 选择器中含有特殊符号 10.2.2 选择器中含有空格符号 10.3 优化事件中的冒泡现象 10.4 使用data()方法缓存数据 10.5 解决jquery库与其他库的冲突 ...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除。 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给...

    《精通Javascript+jQuery》光盘源码

     1.2.2 浏览器之间的冲突  1.2.3 标准的制定  1.3 JavaScript的实现  1.3.1 ECMAScript  1.3.2 DOM  1.3.3 BOM  1.3.4 新的开始  1.4 Web标准  1.4.1 Web标准概述  1.4.2 结构.c表现和行为的...

    jQuery find和children方法使用

    为了避免和美工冲突,对特定操作对象加上id标识,美工不大改也没什么问题。

    jQuery动态选项卡,包括Tabs中iframe的使用等实例.rar

    适用于jquery的TabControl类动态创建选项卡【标签】,实例中用TabControl类创建了两人个实用的TAB,并加注了丰富的注释,这里要注意一下,第2个tab测试两个之间的冲突,html中的div ID,TAB ID号,tab个数,宽度,...

    jQuery 动态选项卡,jquery Tab Control实例演示

    脚本资源,jQuery,Tab,选项卡,jQuery标签 实用于jquery的TabControl类动态创建选项卡【标签】,实例中用TabControl类创建了两人个实用的TAB,并加注了丰富的注释,这里要注意一下,第2个tab测试两个之间的冲突,...

Global site tag (gtag.js) - Google Analytics