首页 > 代码库 > jQuery

jQuery

2024-10-11 05:03:38   214人阅读

1.window.onload与$(document).ready()的对比

  window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后（包括图片、Flash、视频等）才能执行 网页中所有DOM文档结构回执完毕后即刻执行，可能与DOM元素关联的内容（图片、Flash、视频等）并没有加载完
编写个数

同一个页面不能同时编写多个，执行以下代码：

window.onload=function(){alert("小明爱学习");}

window.onload=function(){alert("小明爱学习");}

结果只会输出一次“小明爱学习”

同一个页面能同时编写多个，执行以下代码：

$(document).ready(function(){alert("小明爱学习");};)

$(document).ready(function(){alert("小明爱学习");};)

结果是输出两次“小明爱学习”
简化写法 无 可以简写成$(function(){});

2.

js 设置css
dom.style.属性名="属性值";
dom.style.cssText={"键1":"值1","键2":"值2"};


<style type="text/css">
</style>
dom.className="";

jquery设置css

jquery对象 .addClass(样式名);

$(this).css({"background":"#c81623","font-size":"red"});

jQuery


联系
我们