发布于 

JQuery基本使用

JQuery中常见的两种入口函数:

1
2
3
4
5
6
7
8
第一种:简单易用
$(function () {
... // 此处是页面DOM加载完成的入口
})
第二种:繁琐,(不推荐)
$(document).ready(function() {
... 此处是页面DOM加载完成的入口
})

JQuery中的顶级对象$:

$是JQuery的顶级对象,相当于原生JavaScript中的window。把元素利用*包装成JQuery对象。

JQuery对象和DOM对象:

JQuery方法和原生js获取的元素是不一样的:

​ 1.用原生的js获取来的对象就是DOM对象

​ 2.JQuery方法获取的元素就是JQuery对象

JQuery对象本质是:利用$对DOM对象包装后产生的对象(伪数组形式存储)


注:只有JQuery对象才能使用JQuery方法,DOM对象册使用原生的JavaScript方法.常用的是把DOM对象转换为JQuery对象


JQuery对象和DOM对象转换:

原生的一些属性和方法JQuery没有封装,需将JQuery对象转换为DOM对象才能使用

1
2
3
4
5
6
// 1.DOM对象转换成JQuery对象
var box = document.getElementById('box') // 获取
var JQueryObject = $(box) // 把DOM对象转换为JQuery对象
// 2.JQuery对象转换为DOM对象
var domObject = $('div')[0] // 第一种
var domObject = $('div').get[0] // 第二种

本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

唯獨少了個字.