jQuery
JQuery的js库
1.通过ID获取一个html元素
用jQ会跟便捷,更快
如何使用jQuery
1.jQuery的引入
常规引入:
在<head>中引入jQuery文件
`<title></title>
<script type =“text/jsvascript” src=“js/jquery.js”></script>`
//可以新建js文件
<script type =“text/jsvascript” src=“js/jquery.js”></script>
通过npm,node,yarn也可以引入
2.$符号
jQuery把所有功能全部封装在一个全局变量jQuery中,而$也是一个合法的变量名,是jQuery的别名

jQuery = function jQuery(agr){
    alert(agr);
}
$ = window.jQuery =jQuery;
$(aaa);
jQuery(aaa);//一样的效果

3.$的使用
大部分时候,我们都直接用$,
若$被占用了,且不能改,就只能使用jQuery这个变量

jQuery的书写格式

1.jQuery(selector,context);
e.g.
$(‘div).addClass(‘div’);

div里增加一个div的值
等于
jQuery(‘div’).addClass(‘div’);

2.原始格式

$(document).ready(function(){//代表需要全部读取完成,不被位置所限制
    $(‘div’).addClass(‘div’);
    //想写的都放在这里
});

3.缩写格式

$().ready(function(){
});

4.缩写模式

$(function(){
});

5.原声格式

window.onload=function(){
}

但是推荐大家用最原始的写法
1.增加代码的可读性
结构层


Winnie
12 声望0 粉丝

« 上一篇
js面向对象
下一篇 »
jQuery扩展