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

一般就是改自己的函数名：

比较省事也简单，直接批量替换就可以了。

先上代码：

代码如下:

var $= function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};

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

代码如下:

ar getId = function (id) {
return "string" == typeof id ? document.getElementById(id) : id;
};

赞 (0)

相关推荐

  • jQuery过滤选择器用法分析

    jQuery过滤选择器用法分析

    本文实例讲述了jQuery过滤选择器用法.分享给大家供大家参考.具体分析如下: 在实践中,可以在基本选择器的基础上添加过滤选择器来完成查询任务,根据具体情况,在过滤选择器中可以使用元素的索引值.内容.属性.子元素位置.表单 域属性以及可见性作为筛选条件 1. :first选择器 格式: 复制代码 代码如下: $("selector: first") 用于对当前jQuery集合进行过滤并选择出第一个匹配元素 实例: 复制代码 代码如下: $("td:first").c

  • jQuery内容过滤选择器用法分析

    本文实例讲述了jQuery内容过滤选择器用法.分享给大家供大家参考.具体分析如下: 在HTML文档中,元素的内容可以是文本或者子元素,如果将某个选择器或者内容过滤选择器一起使用,就可以从查询到的元素中进一步筛选出具有给定 文本或者子元素的元素 1. :contains()选择器 用于选择包含给定文本的所有元素,格式: 复制代码 代码如下: $("selector1:contains(text)") 如: 复制代码 代码如下: $("p:contains('text')&quo

  • jQuery子属性过滤选择器用法分析

    jQuery子属性过滤选择器用法分析

    本文实例讲述了jQuery子属性过滤选择器用法.分享给大家供大家参考.具体分析如下: 1. :first-child选择器 用于选择其父级的第一个子元素的所有元素,格式: 复制代码 代码如下: $("selector:first-child") 如: 复制代码 代码如下: $("ul:first-child").css("text-decoration", "underline").css("color",

  • jQuery表单域选择器用法分析

    jQuery表单域选择器用法分析

    本文实例分析了jQuery表单域选择器用法.分享给大家供大家参考.具体如下: 表单域是指网页中的input,textarea, select和button元素. 1. :input选择器 复制代码 代码如下: $(":input") 2. :text选择器 复制代码 代码如下: $(":text") 3. :password选择器 复制代码 代码如下: $(":password") 4. :radio选择器 复制代码 代码如下: $("

  • jquery通过closest选择器修改上级元素的方法

    本文实例讲述了jquery通过closest选择器修改上级元素的方法.分享给大家供大家参考.具体如下: 这段代码演示了jQuery通过closest选择器获取上一级的元素,然后修改其text()内容. <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>

  • jQuery选择器之基本选择器与层次选择器

    基本选择器 基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id.class和标签名等来查找DOM元素.在网页中,每个id名称只能使用一次,class允许重复使用.        选择器       描述 返回                示例 #id 根据给定的id匹配一个元素 单个元素 $("#test")选取id为test的元素 .class 根据给定的类名匹配元素 集合元素 $(".test")选取所有class为test的元素 e

  • Jquery中CSS选择器用法分析

    Jquery中CSS选择器用法分析

    本文实例讲述了Jquery中CSS选择器用法.分享给大家供大家参考.具体如下: jQuery使用了一套css选择器,共有5种,即标签选择器,ID选择器,类选择器,通用选择器和群组选择器,现分述如下: 1. 标签选择器 用于选择HTML页面中已有的标签元素,又称元素选择器,格式:$("element"),如$("div"),同getElementByTagName 2. ID选择器 用于获取某个具有id属性的元素,格式如下:$("id"),同get

  • jQuery创建自定义的选择器用以选择高度大于100的超链接实例

    本文实例讲述了jQuery创建自定义的选择器用以选择高度大于100的超链接实现方法.分享给大家供大家参考.具体分析如下: jQuery创建一个自定义的选择器,自己定义的这个选择器实际上可以是一个函数,下面的JS代码定义了一个over100pixels的选择器,选择出高度大于100的链接,这类技巧非常实用 $.extend($.expr[':'], { over100pixels: function(a) { return $(a).height() > 100; } }); $('.box:ov

  • jQuery层级选择器用法分析

    jQuery层级选择器用法分析

    在HTML文档中,每个元素总是处于DOM节点树上的某个位置,文档层次结构中元素之间总是存在于某种层级关系,如父级和子级的关系等. 1. 子元素选择器 用于查找在给定的父元素下查找 这个父元素下的所有子元素,语法格式: 复制代码 代码如下: $("parent->chilid"); 2. 后代元素选择器 用于在给定的祖先元素下匹配所有的后代元素,语法格式: 复制代码 代码如下: $("ancestor descendant"); 3. 紧邻同辈元素选择器 用于匹

  • NodeJS使用jQuery选择器操作DOM

    注* 这是一个两年多的"老"项目,可以让你在NodeJS中使用jQuery的选择器,像操作前端DOM一样操作后端的HTML/XML,在去除浏览器兼容相关代码后,比JSDOM的操作快8倍. 之前我们曾经提到JSDOM有严重的性能问题:   Debug调试Node.JS:我们是如何定位内存泄漏和无限循环的 cheerio 快速,灵活,在服务器端使用的jQuery. 简介 测试你的服务器端HTML: 复制代码 代码如下: var cheerio = require('cheerio'), $

随机推荐