一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第8天，点击查看活动详情。

jquery核心

$符号在jquery中代表对jquery对象的引用，“jquery”是核心对象。通过该对象可以获取jquery对象，调用jquery提供的方法等。只有jquery对象才能条用jquery提供的方法。$ <==> jquery

等着页面Dom加载完毕再去执行js代码的实现方法

方法1：

$(document).ready(function()

{

$("div").hide();

})

方法二：（更常用）

$(function)(){

$("div").hide(); })

Dom对象与jquery包装集对象

原始的Dom对象只有Dom接口提供的方法和属性，通过js代码获取的对象都是dom对象而通过jquery获取的对象是jquery的包装集对象，简称jquery对象，只有jquery对象才能使用jquery提供的方法

juery包装集对象

可以说是Dom对象的扩充在jquery的世界中将所有的对象，无论是在一个还是一组，都封装成一个jquery包装集，比如获取包含一个元素的jquery包装集：

var jqueryobjct = $("#testdiv")

Dom对象转jquery对象：$(DOM对象)

Dom对象转为jquery对象，只需要利用$()方法进行包装即可

var domDiv = document.getElemetById("mydiv")//获取Dom对象 mydiv = $(domDiv);

jquery对象转Dom对象

jquery对象转Dom对象，只需要取数组中的元素即可

//第一种方式获取jquery对象

$("div")[index]

//index是索引

//第二种方式获取jquery对象

jqueryDiv = $("#mydiv"); var dom = jqueryDiv[0];//将以获取的jquery对象转为dom

举例：

var myvideo = document.querySelctor("video")

$("video")[0].paly()

jquery选择器

id选择器

写法： $("#id);

举例： $("#testDiv")选择id为testDiv的元素

注意：如果有多个同名id，则以第一个为准

标签选择器

写法：$("div");

举例：$("div")选择所有div元素

类选择器

写法：$(".class");

举例：$(".blue")选择所有class=blue的元素

全选选择器

写法：$("*");

举例：$("*")选择页面所有元素

#####并集选择器

写法：$("div,p,li");

举例：$("#testDiv,span,.blue")同时选中多个选择器匹配的元素

交集选择器

写法：$("li.current");