Jquery

Jquery

概述:jquery他是继prototype之后的优秀的js框架

Jquery使用

• 下载jQuery
  https://pan.baidu.com/s/1qvhOJlMBc7isQaPEumwwUA 提取码:tl7e
• 引入jQuery
  把文件解压拷贝到js文件夹

<script type="text/javascript" src="js/jquery-2.1.3.js"></script>

页面加载事件

<script type="text/javascript">
			
			//页面加载完之后 才执行内容 -- 最后执行，jquery写法先执行，都是在页面加载之后才执行
			window.onload = function(){
				alert(3);
				console.log(document.getElementById("myDiv"));
			}
	
			//完整写法
			$(document).ready(function(){
				alert(2);
				console.log($("#myDiv"));
			});
			
			//jquey写法 -- 也是页面加载完之后，才获取的内容 --推荐写法
			$(function(){
				alert(1);
				console.log($("#myDiv"));
			});
	
		</script>

DOM对象与jQuery对象转换

• dom转jQuery $(dom对象)
• jQuery转dom jquery对象[0] 取到dom元素

jQuery选择器

优先级 行内 > id > class> 标签

• id选择器
  $("#id")
• class选择器
  $(".className")
• 标签选择器
  $(tagName)
• 星号选择器,每屌用
• 多元选择器,获取页面所有div和imput元素

console.log($("div,input"));
console.log($("#myDiv,input"));

jquery事件注册

jquery元素.click(function())
jquery元素.on('click',function(){})
		   off('click')//取消
jquery元素.bind('click',function(){})//
		   unbind//取消
//一般注册成功之后，很少去取消事件//取消绑定事件

联动

请假没听,后期补上