jQuery ------ 基础(一)

jQuery 简介

  1. jQuery 是一个快速、简洁的 JavaScript 库。更少的代码,做更多的事。
  2. j:JavaScript,Query查询。就是把 js 中的 DOM 操作做了封装,我们可以快速的查询使用里面的功能。
  3. 优化了 DOM 操作、事件处理、动画设计和 Ajax交互。

jQuery 基本使用

$ 是 jQuery的别称,是 jQuery 的顶级对象。

  1. 等待页面DOM加载完毕再去执行 js 代码
	$(function() {
    
    
		$('div').hide()
	})
  1. DOM 对象转换为 jQuery 对象:$(DOM对象)
	// 1.直接获取div,得到的就是jQuery对象
	<div></div>
	
	$('div')
	// 2.已经使用原生js 获取过来DOM对象
	<div></div>
	
    var div = document.querySelector('div')
    $(div)  // 注意没有引号
  1. jQuery 对象转换为 DOM 对象:$('div')[index] 或 $('div').get(index)
	<video src="mov.mp4"></video> 

	$('video')[0].play()
	// 等价于
	$('video').get(0).play()

不积跬步无以至千里 不积小流无以成江海

猜你喜欢

转载自blog.csdn.net/qq_45902692/article/details/123386182