0
点赞
收藏
分享

微信扫一扫

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)


文章目录

  • ​​一、DOM对象与jQuery对象转换问题​​
  • ​​1、使用DOM对象调用DOM方法​​
  • ​​2、使用jQuery对象调用jQuery方法​​
  • ​​3、使用DOM对象调用jQuery方法​​
  • ​​4、使用jQuery调用DOM方法​​
  • ​​总结​​

一、DOM对象与jQuery对象转换问题

复制这段代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>DOM对象和jQuery对象</title>
<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
//分别使用DOM对象和jQuery对象获取div中的文本
});
</script>
</head>
<body>
<div id="testDiv">挤进尚硅谷,注定你优秀!</div>
<br/>
<button id="dom2dom">使用DOM对象调用DOM方法</button>
<button id="jQuery2jQuery">使用jQuery对象调用jQuery方法</button>
<button id="dom2jQuery">使用DOM对象调用jQuery方法</button>
<button id="jQuery2dom">使用jQuery对象调用DOM方法</button>
</body>
</html>

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript


javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript_02

1、使用DOM对象调用DOM方法

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript_03

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript_04

2、使用jQuery对象调用jQuery方法

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_html_05


猜猜上面输出是什么呢?

是空白吗,如果是检查一下是否没有写Id标识 #

3、使用DOM对象调用jQuery方法

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery对象转换_06


javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery对象转换_07

从这里可以看出,有时候是需要转换的

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery对象转换_08


javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript_09


或者这样

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_html_10

4、使用jQuery调用DOM方法

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_javascript_11

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_对象转换_12


可以吧jQuery看做是数组,底层就是伪数组

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery_13


javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery对象转换_14

总结

1、

javaEE003.02 jQuery:DOM对象与jQuery对象转换问题(使用DOM对象调用jQuery方法、使用jQuery调用DOM方法)_jQuery_15


2、、

DOM对象与jQuery对象的转换问题

* DOM->jQuery

* $(DOM对象)

* jQuery->DOM

* $div[0]

* $div.get(0)


举报

相关推荐

0 条评论