jQuery是一款优秀的JavaScript库,(jQuery=js+Query).
优点:
- 强大选择器: 方便快速查找DOM元素
- 链式调用: 可以通过.不断调用jQuery对象的方法
- 隐式遍历(迭代): 一次操作多个元素
- 读写合一: 读数据/写数据使用是一个函数
- 事件处理
- DOM操作(C增U改D删)
- 样式操作
- 动画
- 丰富的插件支持
- 浏览器兼容(前端开发者痛点)
使用
1.加载jquery库
2.在script标签中编写代码
入口函数
$(document).ready(funcyion(){}):
冲突的解决:
核心函数
();表示调用jquery函数
参数:
1.函数 :比如入口函数 当DOM加载完成后执行传入的回调函数
$(function () {
alert("hello zhuzhu");
以下的几个必须写在入口函数中
2.接受字符串
2.1接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素,并包装成jQuery对象 返回值是jquery对象 var $d
$(function () {
$(".box1")
}
$(function () {
var $a =$(".box1");
console.log($a)
}
2.2 接收一个代码片段 会创建对应的dom元素 可以直接添加检验
<script>
$(function() {
var $s=$(" <p>里看我</p>");
var $im=$("div");
$im.append($s)
});
</script>
3.接收dom对象 会返回jquery对象
$(function(){
// 所谓的获取DOM是获取整个元素 <span>我是span</span>
var span=document.getElementsByTagName("span")[0];
console.log(span)
var $span=$(span)
console.log($span)
});
静态方法
jquery 中的静态方法:
静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用
-
.map();
遍历对象或数组,将回调函数的返回值组成一个新的数组返回
3.$.trim(); 用于去除字符串两端的空格,传入一个需要去除空格的字符串,返回去除空格之后的字符串,不影响原字符串。
4.$.isWindow()判断传入的对象是否是window对象
5.$.isArray()判断传入的对象真数组
6.$.isFunction() 判断传入的对象是否是函数,返回true/false。
7.$.holdready() : 暂停或者恢复jQuery.ready()事件传入true或false
接收true/false参数,参数为true时,暂停ready入口函数执行 需要在入口函数函数前执行