jQuery介绍
什么是jQuery
顾名思义，就是JavaScript和查询（Query），他就是辅助JavaScript开发的js类库
jQuery核心思想
它的核心思想是write less， do more（写得更少，做得更多），所以它实现了很多浏览器的兼容问题
jQuery流行程度
jQuery现在已经成为最流行的JavaScript库，在世界前10000个范文最多的网站中，有超过55%在使用jQuery
jQuery好处
jQuery是免费的、开源的，jQuery的语法设计可以使开发更加便捷，例如操作文档对象、选择dom元素、制作动画效果、事件处理、使用Ajax以及其他功能
jQuery单击事件：
<head>
<meta charset="UTF-8">
<title>标题</title>
<script type="text/javascript" src="web/js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
// window.onload = function () {
// var btnobj = document.getElementById("btn01");
// btnobj.onclick = function () {
// alert("js原生的单击事件")
// }
// }
$(function () { // 表示页面加载完成之后，相当于window.onload = function () {}
var $btnobj = $("#btn01");//表示按id查询标签对象
$btnobj.click(function () {//绑定单击事件
alert("jquery的单击事件");
});
});
</script>
</head>
<body>
<button id="btn01">点我</button>
</body>
注：
使用jQuery必须引入jQuery库
jQuery中的$是一个函数
为按钮添加点击响应函数
1.使用jQuery查询到标签对象
2.使用标签对象.click(function(){});
jQuery核心函数
$ 是jQuery的核心函数，能够完成jQuery的很多功能，$ ()就是调用$这个函数
1.传入参数为[函数]时：
表示页面加载完成之后。相当于window.onload = function(){}
2.传入参数为[HTML 字符串]时：
会对我们创建这个html标签对象
3.传入参数为[选择器字符串]时：
$(“#id属性值”)； id选择器，根据id查询标签对象
$(“标签名”)； 标签名选择器，根据指定的标签名查询标签对象
$(“.class属性值”); 类型选择器，可以根据class属性查询标签对象
4.传入参数为[DOM对象]时：
会把这个dom对象转换为jQuery对象
jQuery对象和DOM对象区分
dom对象
1.通过getElementById()查询出来的标签对象是DOM对象
2.通过getElementByName()查询出来的标签对象是DOM对象
3.通过getElementByTagName()查询出来的标签对象是DOM对象
4.通过createElement()方法创建的对象，是DOM对象
DOM对象alert出来的效果是[object HTMLButtonElement]
jQuery对象
1.通过jQuery提供的API创建的对象，是jQuery对象
2.通过jQuery包装的DOM对象，也是jQuery对象
3.通过jQuery提供的API查询到的对象，是jQuery对象
jQuery对象alert出来的效果是：[object Object]
jQuery对象的本质
jQuery对象是dom对象的数组+jQuery提供的一系列功能函数
jQuery对象和DOM对象使用区别
jQuery对象不能使用DOM对象的属性和方法
DOM对象也不能使用jQuery对象的属性和方法
jQuery对象与DOM对象互转
1.DOM转jQuery
1.先有DOM对象
2.$(DOM对象)就可以转换成为jQuery对象
2.jQuery对象转DOM对象
1.现有jQuery对象
2.jQuery对象[下标]取出相应的DOM对象
扫一扫
4716
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
