JQuery如何获取ID含有特殊字符的DOM元素

JQuery如何获取ID含有特殊字符的DOM元素,第1张

var rowId = 'INDEX: 20160911',

view = documentgetElementById(rowId),

// 将Element对象转换为JQuery对象

$view = $(view);

// 毫无疑问,结果返回1alert($viewlength)

方法强大,几乎就是大杀器,没有查询不了的元素,无论你的元素ID命名多么刁钻。

一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery

获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${”#Element”}不能直接

innerHTML,这就是原因所在,解决方式请看下文。

jQuery对象与dom对象的转换

只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的,调用方法时要注意 *** 作的是dom对象还是jquery对象。

普通的dom对象一般可以通过$()转换成jquery对象。

如:

$(documentgetElementById("msg"))

则为jquery对象,可以使用jquery的方法。

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引取出。

如:

$("#msg")[0],$("div")eq(1)[0],$("div")get()[1],$("td")[5]

这些都是dom对象,可以使用dom中的方法,但不能再使用Jquery的方法。

以下几种写法都是正确的:

$("#msg")html();

$("#msg")[0]innerHTML;

$("#msg")eq(0)[0]innerHTML;

$("#msg")get(0)innerHTML;

jQuery查找对象是按照标准的dom层级关系来查找的

如table中无论你是否有tbody,在查找子对象的时候都要按照table-->tbody-->tr的层级关系来查找

关于this

<input name="testThis" type="text" onchange="textThis(this)" />

function textThis(obj)

{

//在引用自己用的this是dom对象

alert($(obj)val());

}

该this为dom对象

innerHTML和outerHTML

innerHTML设置或获取对象起始和结束标签内的HTML

outerHTML设置或获取对象及其内容的HTML形式

以上就是关于JQuery如何获取ID含有特殊字符的DOM元素全部的内容,包括:JQuery如何获取ID含有特殊字符的DOM元素、JQuery对象和DOM对象的区别、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9527595.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-29
下一篇2023-04-29

发表评论

登录后才能评论

评论列表(0条)

    保存