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

jquery1

时间:2019-11-26 19:25:56      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:取出   插件   简化   col   编写   方法   style   java   调用   

jquery中

入口函数:

$(function(){       等价于: jquery(function())     

 

})

 

 

$(document).ready({

 

})

 

$(document).ready() 和JavaScript window.onload的区别:

两者都是指页面加载完成后,

执行函数里的内容, $(document).ready() 是指DOM加载完成后就可以执行,

JavaScript window.onload 不仅仅指DOM加载完成,还包括图片等外部资源完全加载后才能执行。

所以,$(document).ready()执行要比JavaScript window.onload快

不过这个东西,有的时候会使页面跳动,很多JQUERY插件都是在加载完成后,才改变样式的,

页面会有跳动或闪动的感觉.比如ui.tab这个插件,页面元素一多,全部显示出来了,它才形成TAB,很晕的说

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行,$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕

window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个,$(document).ready()可以同时编写多个,并且都可以得到执行

window.onload没有简化写法,$(document).ready(function(){})可以简写成$(function(){})

 

 

  jQuery入口函数和window.onload入口函数的区别
  -   jQuery入口函数可以写多个
  -   执行时机不同(jQuery入口函数要快于window.onload,与顺序不同
      jQuery入口函数要等待页面上dom树加载完成
   window.onload入口函数要等所有页面所有资源执行(dom树,图片等
   
   
  dom对象
   -原生js选择器获取到的对象
    document.getElementById("");等
    特点:只能调用dom方法或者属性,不能调用jquery属性和方法
    div.style.backgroundecolor=‘red‘;     可行
    div.css(‘backgroundcolor‘, ‘red‘);       不可行
  
  jQuery对象
   利用jQuery选择器获取到的对象
   特点:只能调用jQuery的方法或者属性,不能调用原生js dom对象的属性或者方法
   var $div1=$(#div1);
   jQuery对象是一个伪数组,其实是一个dom对象的包装集
  
  两种对象之间转变,dom对象转为jQuery对象
   $(dom对象)
   var b=document.getElementById("div");
   var $div1=$(b);
  jQuery对象转为dom对象
   1 通过下标取出来
   var div=$divs[0];
   2 使用jQuery方法
   var d=$div.get(1)

 

 

jquery1

标签:取出   插件   简化   col   编写   方法   style   java   调用   

原文地址:https://www.cnblogs.com/xiaoxiannva/p/11937615.html

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