jquery知识点

1、jquery与js的关系

jquery是基于js的，对js的封装，对dom、事件等常用的js操作进行了封装

 jquery是js的框架

 js能实现的功能jquery不一定都能实现，jquery实现的功能js一般都能实现。

 对js封装的前端框架还有很多，jquery属于目前比较流行的常用的js框架。

2、如何使用jquery

将jquery的js文件导入到页面中

 <script src="js/jquery-1.8.3.js" type="text/javascript"></script>

<script src="js文件" type="text/javascript"></script>

3、js-window.onload与jquery ready区别

onload 等待页面中所有元素加载完   写一个

ready  等待页面结构加载完 可能页面中的某些标签没加载完（img、flash等）  写多个   有简化写法

4、jquery加载函数

$(function(){

});

等同于

$(document).ready(function(){

});

5、jquery工厂函数

$();       jQuery();

作用：

$("p");    搭配选择器 获取标签对象（一个或多个）

$(document);  $(this);     js对象转换成jquery对象

$(“<li>dd</li>”);  创建jquery对象

6、选择器

--基础选择器

$("h2");  标签选择器 标签名

$(".test"); 类选择器 标签中的class属性值

$("#t");   id选择器  标签中的id属性值 --获取一个节点对象

  并集  ,  $("p,h3,.title");

  交集 $("p.title");

  全局 $("*");

--层次选择器

  后代  空格 $("#box span");

  子    >    $("#box>span");

 区别：后代-id值为box的标签中的所有span标签

       后代-id值为box的标签中的所有子span标签

  相邻  +   $("#box+span");  id值为box的标签下面紧邻的同辈span标签

    获取一个对象

  同辈  ~   $("#box~span");

    id值为box的标签下面的同辈span标签