码迷,mamicode.com
首页 > Web开发 > 详细

慕课 jQuery 2018/6/21

时间:2018-06-21 13:32:56      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:返回   pre   大于   参数   target   www   增加   script   baidu   

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一样返回集合。

  

 

 

慕课 jQuery 2018/6/21

标签:返回   pre   大于   参数   target   www   增加   script   baidu   

原文地址:https://www.cnblogs.com/xxh-2014/p/9208331.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!