慕课 jQuery 2018/6/21

Posted 2020-11-19 xxh-2014

Jquery 文档：api.jquery.com

Dom对象和Jquery对象

if（obj.nodeType）  //检测DOM Object   return 1
if(obj.jquery)        //检测jQuery object   ruturn jquery version 1.12.4

转换
var jqueryObj=$(domObj);   //$() 包裹
var domObj=jqueryObj.get([index]);   //get方法

创建一个html元素：

var div=$("<div>hello</div>");  //创建一个$()包裹的html.
console.log(div);    //输出dom  div

console.log($("div"));  //jquery 选择器 拿不到，页面也看不到。

div.appendTo("body");   //追加到body最后面。
console.log($("div"));//页面出现，jQuery选择器选到。

创建/增加属性　　

var link1=$(‘<a>‘,{
      text: ‘baidu‘,
      href: ‘http://www.baidu.com‘,
      target: ‘_blank‘,
      title: ‘goto baidu‘
 });
link1.appendTo(‘body‘);

//第一种方法适合空元素。

var link2=$(‘<a>baidu</a>‘).attr({
      href: ‘http://www.baidu.com‘,
      target: ‘_blank‘,
      title: ‘goto baidu‘
});

link2.appendTo(‘body‘);
//第二种使用attr();

　jQuery操作

$().length; //检查元素
[index]   //提取元素，返回dom
get([])   //提取元素，返回dom
get()   //不加索引，返回数组对象。
get(-1)   //从最后元素取。  -2，-3依次倒退。

//越界出现undefined.

eq(index)   //返回jQuery对象。   

first()  //第一个
last()   //最后一个

方法的性能大于筛选器；

toArray()   和不加参数的get一样返回集合。