最全JQuery的运行原理、选择器

jQuery的运行原理、选择器

1.jQuery的运行原理：
在jQuery库中实际定义了一个jQuery()方法，它是jQuery库的核心。我们在使用jQuery进行操作的时候实际上就是调用该方法，并传入指定的参数，函数返回一个jQuery实例对象，该对象中包括一个或者是多个DOM元素。
$ 符号是代表着JQuery，所以jQuery的一般形式是：$(select).action();

• 美元符号代表jQuery
• 选择符（selector）“查询"和"查找” HTML 元素
• jQuery的 action() 执行对元素的操作

  例如：$ ("p").hide();//隐藏了所有的 p 标签。

2.jQuery的核心：选择器
在js中，我们一般通过document.getElementById(“id号”);来获取对象，这些对象就是DOM对象，DOM对象可以和jQuery对象进行相互转换：

• DOM对象转jQuery对象

var $jQuery对象 = $(DOM对象);

例如：
var dom = document.getElelmentById(“id号”); //DOM对象
var $jQ = $(dom) ; //DOM对象转换为jQuery对象

• jQuery对象转DOM对象

var dom对象 = $ jQuery对象.get(0); //jQuery对象一般都是以数组的形式存在
或者 var dom对象 = $jQuery对象[0];

例如：
var $jq = $(select); //jQuery对象
var dom = $jq.get(0); 或者 var dom = $jq[0]; //jQuery对象转DOM对象

用jQuery来选取对象一般语法：$ (select)；

select一般都id号、name名、元素标签、类名等

例如：
$(*); //选取所有元素
$("#uid"); // 选取id属性为"uid"的单个元素
$(“p”); // 选取所有的p元素
$(".test"); // 选择所有带有CSS类名"test"的元素 class=”test”
$("[name=’books’]"); // 选择所有name属性为"books"的元素

3.选择一览表：



3.1基本选择器
3.1.1 元素名选择

选取所有的某种元素
例如 $ (“p”) ; //选取所有的< p >元素。

3.1.2 类选择器

选择所有元素中是某个class的所有元素
例如 $ (".color") ;//选取所有class&