搜 索

2. 初识jQuery

  • 298阅读
  • 2020年03月26日
  • 0评论
首页 / jQuery / 正文

$符号

$ 是著名的jQuery符号。jQuery把所有功能全部封装在一个全局变量jQuery中,而 $ 也是一个合法的变量名,它是jQuery的别名:

console.log($ === jQuery); //true

jQuery可以代替$符号使用,但 $ 符号使用起来比较简单,所以通常都都使用 $ 符号

jQuery冲突问题

比如其他框架也使用了 $ 符号,后引入的 script 文件会覆盖掉先引入的文件下的 $ 符号

//1.释放 $ 的使用权
//注意点:释放操作必须在编写其他jQuery代码之前编写
//  释放之后引用jQuery代码不能再使用 $ 符号,改为使用jQuery
jQuery.noConflict();  // 释放 $ 的使用权
$(function(){
  console.log("其它框架");
})
jQuery(function(){
  console.log("jQuery框架");
})

// 2.自定义访问 jQuery 的符号
var nj = jQuery.noConflict();
nj(function(){
  console.log("自定义访问 jQuery 符号");
})

jQuery 的入口函数

加载模式

  • 原生JS可以用(window.onload)等到DOM元素加载完毕,并且图片也加载完毕时执行
  • jQuery可以用$(function () {})等DOM元素加载完毕时执行,相当于DOM中的DOMContentLoaded
  • 不同于原生 js 中的 onload 事件是等页面文档、外部的 js 文件、css文件、图片 全部加载 完毕才会执行内部代码。

入口函数写法

第一种

$(document).ready(function(){
    console.log('等DOM元素加载完毕时我就会被输出')
})

第二种

$(function(){
    console.log('等DOM元素加载完毕时我就会被输出')
})

当然$符号可以被 jQuery 给代替,例如:

jQuery(document).ready(function(){
    console.log('拿第一种方法为例子,第二种方法也一样如此')
})

两种写法功能一样,只是第二种方式写法简单,所以更提倡第二种写法。

注意:

  • 原生JS如果编写了多个入口函数,后面编写的入口函数会覆盖前面的
  • jQuery中编写多个入口函数,后面的不会覆盖前面的
无标签
评论区
暂无评论
avatar