jQuery基础教程:Web开发的第一步
发表时间: 2022-06-19 10:39
前面我们讲了js来操作dom元素的基本使用,而在现实开发中,我们更多的是使用jquery来进行操作dom元素,jquery中封装了js操作dom元素的方法,我们可以用很少的代码来实现操作dom元素的功能。jquery也是一个js文件,我们就像使用普通的js一样引进jquery就行了,我这里贴一个地址,大家也可以自己去上网找别的jquery库。
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
jquery的使用,一定要在dom元素完全加载完后再使用,因为jquery是用来操作dom元素的,你如是不加载完就操作,肯定是不行的,有两种使用方式:
//两种写法$(function(){ console.log("document初始化完成");});// $(document).ready(function(){ // console.log("document初始化完成");// })
以上两种写法都会在控制台输出内容。
注:两种写法要记住:
$(document).ready(function(){
// 在这里写js逻辑
})
$(function(){
// 在这里写js逻辑
})
在js中$符号是很常用的,通过此符号来选择dom元素来进行相应的操作,我们也可在更改默认的$符号为其他符号。但是,一般我们不建议改,除非这个$符和其他的js库有冲突了,我们可以改成自定义的,但是,由于现在jquery的应用很广,其他的第三方库都会考虑到冲突这块,所以,一般不用改,如果你想改着测试一下,看下面代码:
var $my = jQuery.noConflict();$my(function(){ console.log("document初始化完成");});