jQuery学习总结(一)

1. jQuery的引入和入口函数
   引入方式：

<style src="..."></style>

入口函数：
可以使得jQuery文件在基本DOM元素和
其他script标签中的内容加载/执行完后执行。

注意点：
（1）. jQuery的入口函数会等到DOM元素加载完成而图片未加载完时执行。
（2）.jQuery的入口函数不会覆盖前面的入口函数内容（类似的就是给同一个元素添加一样的事件，但是并不会覆盖而是一起执行）。

//入口函数的不同写法
$(document).ready(function(){});
$(function(){});
//这里的$还可以换成jQuery，所以也就一共有4种写法。

2. $符被占用的时候处理方法
   当我们在自己写代码时如果也使用了 $符，那么此时就需要释放 $的使用权。

	//方法一,使用全称代替
	$.noConflict();
	jQuery.noConflict();
	//方法二,自定义变量代替$
	var jq = $.noConflict();
	jq(function(){});

3. jQuery核心函数及其作用
   jQuery的核心函数用来接收不同的参数并执行相应的代码。

//1.接收一个函数
$(function(){});
//2.接收一个字符串选择器
$('div');
//3.接受一个字符串片段
$("<p>wdasd</p>");
//4.接受一个DOM元素
var div = document.querySelectorAll('div')[0];
var $div = $(div);

4. jQuery对象和它的部分静态方法、实例方法

5. jQuery对象的也是一个伪数组。

   常见的伪数组 :

   函数内部的 arguments
   DOM 对象列表（比如通过 document.getElementsByTags 得到的列表）
   jQuery 对象（比如 $(“div”) ）

   伪数组的定义：
   对象的属性是从零开始递增的，具有length属性，但是没有数组的方法。
   静态方法：
   直接定义在函数下的方法，可以直接通过该函数调用。
   实例方法：
   定义在函数原型下的方法，可以通过函数原型调用。

6. $对象的常见方法

   1. each()方法

      相比于js原生代码的foreach而言，each还可以遍历伪数组，返回值默认为遍历的数组。

   2. map方法

      相比于原生js的map方法，map还可以遍历伪数组，map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。默认的返回值是空的伪数组。

   3. trim方法

      作用：用于去除字符串两端的空格
      返回值：一个新的已经去除空格的字符串（String类型的哦！！）

   4. isWindow方法

      作用：判断是否为window对象。

   5. isArray方法

      作用：判断是否为Array对象

   6. holdReady方法

      作用：暂停或恢复对于ready方法
      使用场景：需要等所有的文件加载完成后，再通过动态脚本让ready执行。
      参数：
      如果值为true，则会延迟jQuery.ready()事件。
      如果值为false，则会解除对jQuery.ready()事件延迟。

7. jQuery的选择器

   1. jQuery 元素选择器

   2. jQuery 属性选择器

   3. jQuery CSS 选择器

      代码如下：

//1.元素选择器
$('div');
//2.属性选择器
$('div:empty');
$('div:parent');
$('div:has("div")');
$('div:contains("wdnmd")');
//3.css选择器
$('div').css('width','100px');
//需要设置多个css样式时
$("div").css({"background-color":"yellow","font-size":"200px"});

8. 属性和属性节点问题
   属性是每个对象都有的，而属性节点则只有DOM元素具有。

   对于属性使用obj.item点语法或者obj[‘属性名称’]方法来调用

   如何操作属性节点

   1. attr() 和 removeAttr()

      attr () 介绍：
      参数：1个时表示读取这个节点的属性并返回这个属性值。
      2个时表示设置属性

      removeAttr() 来删除指定的属性。

   2. 与attr类似的prop() 和 removeprop() 方法

      与attr的区别在于，当attr有两个参数的时候返回的是这个属性节点的$对象。
      而prop返回的是属性节点的值。