锋利的jquery ——学习笔记

最新推荐文章于 2022-09-16 14:43:31 发布

原创最新推荐文章于 2022-09-16 14:43:31 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #CSS #ViewUI

jQuery 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用jQuery操作DOM元素，并对比了$(document).ready()与window.onload的区别。通过实例展示了如何利用jQuery选择器来修改表格行的样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、代码收集

//在一个id为table的表格的tbody中，如果每行最后一列中的checkbox没有被禁用
//则把这行的背景设置为红色
$("#table>tbody>tr:has(td:last:has(:checkbox:enabled))").css("background","red");

先引入 jquery-1.5.1.min.js 然后引入自己写的util.js 否则会报错. 如' $' 没定义'.

2、window.onload 与$(document).ready() 的简单对比

同一个js文件中，可以写多个$(document).ready();（它是表示网页中所有的DOM元素加载完成就执行，但是有可能DOM相关联的东西并没有加载完成。）

$(document).ready(function(){
     alert("first alert!");
});
$(document).ready(function(){
     alert("second alert!");
});

结果两次都会输出结果；
$(document).ready(function(){}) <==可以简写=>$(function(){});

////////////////////////////////////////////////
但是js中的window.onload 不能同时写多个。（它是必须等待网页中所有的内容加载完成后(包括图片等)，才会执行）
eg:
      window.onload = function(){
          alert(""first alert!"");
       };
      window.onload = function(){
          alert(""second alert!"");
       };

结果只会打印出来第二个，即：second alert!