jquery对象和DOM对象的相互转换详解,JS对象转换为

2019-09-11 22:54 来源:未知

复制代码 代码如下:

jquery对象和DOM对象的互动转换

$(document.getElementsByTagName("a")).each(function () {
if ($(this).text() == "jquerys") {
$(this).addClass("navTitle");
}
});

在评论jquery对象和DOM对象的相互调换在此以前,先约定好定义变量的品格假诺获得的是jquery对象,那么在变量前面加上$,比如

你恐怕感兴趣的小说:

  • 通过Jquery的Ajax方法读取将table调换为Json
  • jQuery对象与DOM对象时期的转变方法
  • js数值计算时行使parseInt进行数据类型转变(jquery)
  • jquery对象和javascript对象即DOM对象互相转变
  • jQuery.parseJSON(json)将JSON字符串转换来js对象
  • JS对象调换为Jquery对象完结代码
  • 浅析Js(Jquery)中,字符串与JSON格式相互转变的亲自过问(直接运转实例)
  • Jquery时间求证和转移工具小例子
  • jquery如何把参数列严酷调换到数组完成思路
  • jquery实现将获取的颜色值转变为十六进制格局的诀窍

var $varible = jquery对象;

倘诺获得的是DOM对象,则定义如下:

var varible = DOM对象;

1.jquery对象转成DOM对象:

jquery对象无法利用DOM中的方法,但万一对jquery对象所提供的主意不熟稔,可能没有jquery想封装的法门,不得不接纳DOM对象,即【index】和get[index].

(1)jquery对象是叁个数组对象,能够由此【index】的方法获得相应的DOM对象。

jquery的代码如下

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var $cr = $("p");  //jquery对象
  var cr = $cr[1];  //dom对象
  var ct = $cr.get(0)  //第二种转换为DOM对象的方式
  cr.innerHTML = "you"  //检测是否转换成功,可以用DOM方法 输出结果为第二个my改成了you
  ct.innerHTML = 'fuck'  //输出结果第一个my改成了fuck
</script>
</body>

(2).DOM对象转变为jquery对象:

对于三个DOM对象,只须求用$()把DOM对象给包装起来,就可以获得二个jquery对象了,方式为$(DOM对象)。

jquery代码如下:

<body>
  <p>my</p>
  <p>my</p>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var cr = document.getElementsByTagName("p") //DOM对象
  var $cr = $(cr);   //jquery对象
  $cr.eq(0).("fuck"); //检测是否转换成功,可以用jquery方法 输出结果为第二个my改成了fuck
  $cr.eq(1).html("you"); //输出结果为my改成you
</script>
</body>

转移后,能够自便使用jquery方法。

透过以上办法,能够轻巧的互相调换jquery对象和DOM对象。

聊到底重复重申,DOM对象本事采纳DOM方法,jquery对象无法选取DOM中的方法,但jquery对象提供了一套特别周密的工具用于操作DOM。

 多谢阅读,希望能支持到大家,感激大家对本站的支撑!

您或者感兴趣的稿子:

  • 根据jQuery.Hz2Py.js插件达成的汉字转拼音特效
  • 因此jQuery创设辅助汉字,拼音,法文急忙牢固查询的一级select插件
  • 传闻jquery的使ListNav包容中文首字拼音排序的落到实处代码
  • jquery中落到实处时间戳与日期相互调换
  • Jquery中加进参数与Json调换代码
  • jquery 将眼下时刻改动到yyyymmdd格式的达成格局
  • jquery达成将收获的颜色值转换为十六进制情势的方法
  • 浅析Js(Jquery)中,字符串与JSON格式互相转变的演示(直接运维实例)
  • jquery怎么着把参数列严峻调换到数组完结思路
  • jquery对象和DOM对象的随机互相转变
  • jQuery完毕QQ空间汉字转拼音功用示例
TAG标签:
版权声明:本文由990888藏宝阁发布于网络应用,转载请注明出处:jquery对象和DOM对象的相互转换详解,JS对象转换为