JQUERY

jQuery是一款优秀的JavaScript库,(jQuery=js+Query).
优点:

  • 强大选择器: 方便快速查找DOM元素
  • 链式调用: 可以通过.不断调用jQuery对象的方法
  • 隐式遍历(迭代): 一次操作多个元素
  • 读写合一: 读数据/写数据使用是一个函数
  • 事件处理
  • DOM操作(C增U改D删)
  • 样式操作
  • 动画
  • 丰富的插件支持
  • 浏览器兼容(前端开发者痛点)

使用

1.加载jquery库
2.在script标签中编写代码

入口函数

$(document).ready(funcyion(){}):
冲突的解决:

核心函数

(); 普通函数使用();调用 jquery使用();表示调用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 中的静态方法:
静态方法对应的是对象方法,对象方法用实例对象调用,而静态方法用类名调用

  1. .each(object,[callback]) 遍历对象或数组 优点统一遍历对象和数组的方式 回调参数的顺序更符合我们的思维模式 2..map();
    遍历对象或数组,将回调函数的返回值组成一个新的数组返回
    3.$.trim(); 用于去除字符串两端的空格,传入一个需要去除空格的字符串,返回去除空格之后的字符串,不影响原字符串。

4.$.isWindow()判断传入的对象是否是window对象

5.$.isArray()判断传入的对象真数组

6.$.isFunction() 判断传入的对象是否是函数,返回true/false。

7.$.holdready() : 暂停或者恢复jQuery.ready()事件传入true或false
接收true/false参数,参数为true时,暂停ready入口函数执行 需要在入口函数函数前执行

属性以及属性节点

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。