标签:取出 插件 简化 col 编写 方法 style java 调用
jquery中
入口函数:
$(function(){ 等价于: jquery(function())
})
$(document).ready({
})
两者都是指页面加载完成后,
执行函数里的内容, $(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)
标签:取出 插件 简化 col 编写 方法 style java 调用
原文地址:https://www.cnblogs.com/xiaoxiannva/p/11937615.html