锋利的JQUERY资源-CSDN文库

需积分: 9 148 浏览量 2012-05-14 10:32:24 上传评论收藏 108KB DOCX 举报

"jquery-1.3.1.js"></script><script type="text/javascript">$(document).ready(function(){var $cr = $("#cr");if($cr.is(":checked")){alert("谢谢你的注册！！！");}})</script></head><body><input type="checkbox" id="cr" /><label for="cr">如果同意以上条件请点击！！</label></body></html> 《锋利的JQUERY》一书深入浅出地介绍了jQuery这一强大的JavaScript库。jQuery以其简洁的API和丰富的功能，极大地简化了JavaScript的使用，使得网页动态化变得更为容易。以下是关于jQuery的一些关键知识点： 1. **认识jQuery**：jQuery是由John Resig于2006年创建的一个JavaScript库，它的核心理念是“Write Less, Do More”。jQuery通过提供易于使用的API，使开发者能够快速处理DOM操作、事件处理、动画效果和Ajax交互。 2. **编写简单的jQuery**：在HTML中引入jQuery库后，可以使用`$(document).ready()`函数确保DOM加载完成后再执行JavaScript代码。例如，弹出“hello world!”提示框，可以写成`$(document).ready(function() { alert("hello world!"); })`。注意，多个`$(document).ready()`函数会按照它们在页面中的顺序依次执行。 3. **简写形式**：`$(function() {})`是`$(document).ready()`的简写，同样表示文档加载完成后执行代码块。 4. **与JavaScript的对比**：在JavaScript中，使用`window.onload`来等待整个页面加载完毕，但只执行最后一个定义的函数，如`window.onload = function() { alert("hello world2!"); }`。而jQuery的`$(document).ready()`则允许多个函数并存，每个都会执行。 5. **JQuery对象与DOM对象的转换**： - **jQuery对象转DOM对象**：jQuery对象可以通过索引访问其包含的DOM元素，如`var cr = $cr[0];`或使用`.get()`方法，如`var cr = $cr.get(0);`。这样转换后，你可以使用DOM方法进行操作，例如检查复选框是否被选中。 - **DOM对象转jQuery对象**：使用`$()`将DOM元素包裹成jQuery对象，如`var $cr = $(cr);`，这样可以调用jQuery的方法。 6. **JQuery方式的条件判断**：jQuery提供了方便的`:checked`选择器来判断复选框是否被选中，例如`$cr.is(":checked")`。这种方法比直接使用DOM对象的`checked`属性更具有jQuery风格，且可读性更强。通过学习这些基本概念和用法，你可以开始掌握jQuery的精髓，并在实际项目中提高开发效率。jQuery还提供了大量插件和扩展，用于处理表格操作、图片轮播、表单验证等各种复杂功能，使其成为Web开发者的得力工具。继续深入学习jQuery，将有助于你更好地理解和构建交互式的现代网页。

资源推荐

资源详情

资源评论