jQuery学习

2023-11-16

1.引入jqueryDownload jQuery | jQuery

2.$是jQuery的别称(以下两种等效)

 $(function(){
          $('div').hide
       })
 jQuery(function(){
        jQuery('div').hide
       })

3.jQuery对象和DOM对象

  •    用原生js获取来的对象就是DOM对象  
var myDiv = document.querySelector(‘div’)   //myDiv 是DOM对象
  • jQuery方法获取的元素就是jQuery对象
  • jQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)

4.jQuery和DOM的互换

(1)DOM对象转换为jQuery对象:$(DOM对象)

 //使用原生js获取过来DOM对象
  var myvideo = document.querySelector('video')
  $(myvideo);
  $(myvideo).paly();  //错误,jQuery里面没有play这个方法

(2)jQuery对象转换为DOM对象(两种方式):

$(div)[index]    index是索引号

$(div).get(index)  index是索引号

$('video')[0].paly()
$('video').get(0).play()

5.了解jQuery

  1. 是一个优秀的js函数库(方法库 工具库)
  2. 有人已经帮我们把js里面的各种dom操作都给我们封装好了
  3. ①获取dom元素②操作元素的类名③操作元素的属性④操作元素的样式⑤可以进行元素动画
  4. jQuery里面95%以上都是封装好的方法将来使用的时候别忘了加()

6.类库、插件、框架的区别

插件

①为了实现页面某一个单一类功能而封装的代码

②swiper滑动类效果(跑马灯 轮播图)

类库

①把我们常用的操作封装成一个个的方法给我们使用

②jQuery(封装了各种各样的dom操作)

框架

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery学习 的相关文章