码迷,mamicode.com
首页 > Web开发 > 详细

Jquery

时间:2019-07-19 23:52:11      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:正文   spell   correct   fun   rop   log   abs   绑定   优先级   

Jquery

Jquery

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

Jquery使用

  • 下载jQuery
  • 引入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> 标签
1.id选择器
$("#id")
2.class选择器
$(".className")
3.标签选择器
$(tagName)
4.*号选择器,每屌用
5.多元选择器,获取页面所有div和imput元素
console.log($("div,input"));
console.log($("#myDiv,input"));
6.父子选择器

jquery事件注册

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





Jquery

标签:正文   spell   correct   fun   rop   log   abs   绑定   优先级   

原文地址:https://www.cnblogs.com/yshxin/p/5691efa75475a5899dc5d922877dcf84.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!