<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href=".css" />
<title>set your title</title>
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
function show() {
alert("show");
}
$(document).ready(function() {
$("#link").click(function(event) {
event.preventDefault();
$(this).hide("slow");
});
$("#link2").click(function(event) {
event.preventDefault();
//$(this).hide();
$(this).css('display', 'none')
});
$("#link3").click(function(event) {
event.preventDefault();
$(this).hide(3000, show);
});
$("#link4").click(function(event) {
event.preventDefault();
$(this).hide('fast');
});
});
</script>
</head>
<body>
<p>
<a href="./">上一级</a>
</p>
<hr />
<p>
<a href="jquery.com" id="link">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link2">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link3">jquey.com</a>
</p>
<p>
<a href="jquery.com" id="link4">jquey.com</a>
</p>
</body>
</html>
分享到：
相关推荐
使用jQuery，只需一行代码，就可以实现复杂的DOM操作，如`$("#element").hide()`即可隐藏ID为"element"的元素。 此外，jQuery还提供了丰富的事件处理功能。通过`.on()`方法，我们可以绑定各种DOM事件，如点击、鼠标...
$(".hidden").hide(); // 绑定点击事件 $("#myButton").on('click', function() { alert("按钮被点击了！"); }); }); ``` ### 4. 总结 jQuery 以其简洁的语法和强大的功能，极大地降低了 JavaScript 开发的...
jQuery的生态体系强大，拥有无数第三方插件，如Bootstrap、jQuery UI等，它们扩展了jQuery的功能，如日期选择器、轮播图等，满足了各种应用场景的需求。 8. **性能优化（Performance）** jQuery 1.11.3在性能上做...
2. **链式调用**：jQuery方法返回的是jQuery对象，这意味着你可以连续调用多个方法，如`$("p").hide().slideUp()` 3. **DOM操作**：jQuery提供了一套丰富的API来操作DOM，如`append()`、`prepend()`用于插入元素，`...
7. **插件生态**：jQuery拥有庞大的插件生态系统，开发者可以轻松找到满足各种需求的插件，如表单验证、轮播图、日期选择器等。 总的来说，jQuery 3.1.1作为jQuery的一个重要版本，无论是在开发还是在生产环境中都...
3. **事件处理**: jQuery的`.on()`方法可以绑定各种事件，如`click()`, `mouseover()`, `mouseout()`等，使事件处理更加直观。例如，`$("#button").on("click", function() {...})`会在按钮被点击时执行相应的函数。...
4. **事件和方法**：提供了丰富的事件（如`show`, `hide`, `select`等）和方法（如`focus`, `destroy`, `update`等），便于开发者进行交互控制和数据处理。 5. **日期和时间格式化**：支持自定义日期和时间的显示...
7. **插件生态**：jQuery拥有庞大的插件生态系统，涵盖了表单验证、图像滑动、弹窗提示等各种功能。 总之，jQuery-1.12.4作为1.x系列的一个重要版本，以其强大的功能和良好的浏览器兼容性，继续在Web开发领域发挥着...
- **.hide()、.show()、.fadeIn()、.fadeOut()**：元素的显示和隐藏，以及过渡动画效果。 四、实际应用场景 1. **动态操作DOM**：通过jQuery，可以轻松实现元素的增删改查，如动态添加表格行或修改元素属性。 2. ...
在事件处理方面，jQuery提供了`.on()`方法，可以绑定各种类型的事件，如点击事件`'click'`、鼠标悬停事件`'hover'`等。相比于原生JavaScript，jQuery的事件处理更加灵活，支持事件委托，只需在一个父元素上绑定事件...
2. **链式操作**: jQuery 对象的方法返回的是自身，因此可以连续调用多个方法，如 `$("#element").hide().slideUp()`，这使得代码更简洁。 3. **DOM 操作**: jQuery 提供了便利的DOM操作接口，如 `append()`（在...
6. **插件生态**：jQuery 社区有丰富的插件资源，覆盖了图表、表单验证、滑动菜单等各种功能，大大扩展了 jQuery 的应用范围。 **jQuery-3.1.1.min.js** 这个压缩包包含的 `jquery-3.1.1.min.js` 文件是 jQuery 的...
在标准的jQuery库中，虽然没有内置的悬浮提示框功能，但可以通过组合使用`$.fn.append()`、`$.fn.show()`、`$.fn.hide()`等方法实现简单的提示效果。然而，为了更复杂、更美观的提示框，开发者通常会借助于第三方...
6. **兼容性**：jQuery 对各种浏览器的良好兼容性是其受欢迎的重要原因。它解决了不同浏览器之间的差异，使得开发者无需担心跨浏览器问题。 **jQuery 1.9.1 版本改进** jQuery 1.9.1 是对早期1.x系列的更新，主要...
6. **链式操作**：jQuery对象的方法返回的是jQuery对象本身，因此可以连续调用多个方法，如`$("#element").hide().addClass("hidden")`。 7. **插件系统**：jQuery的强大还在于其丰富的插件生态系统，如Bootstrap、...
- **链式调用（Chaining）**：jQuery方法返回的是jQuery对象本身，因此可以连续调用多个方法，如`$("#element").hide().fadeIn()`。 - **DOM操作（DOM Manipulation）**：提供了便利的DOM操作接口，如.append()，....
《jQuery 1.6.4：轻量级JavaScript库的高效解决方案》 jQuery，这个备受开发者喜爱的JavaScript库，以其“写的更少，但做的更多”（Write Less, Do More）的理念，极大地简化了网页交互和DOM操作。作为版本1.6.4，...
- **动画效果**：jQuery的`.animate()`函数可以创建平滑的动画效果，配合`.show()`, `.hide()`, `.fadeIn()`, `.fadeOut()`等方法，能够实现丰富的页面动态效果。 - **Ajax交互**：jQuery的`.ajax()`函数封装了...
包括特效（Effect） , 显示（Show） , 隐藏（Hide） , 切换（Toggle） , 添加 Class（Add Class） , 移除 Class（Remove Class） , 切换 Class（Toggle Class） , 转换 Class（Switch Class） , 颜色动画（Color ...
- **DOM操作**：jQuery提供了一系列简洁的API，如`$()`用于选择元素，`.append()`用于添加内容，`.hide()`和`.show()`用于显示或隐藏元素等。 - **事件处理**：使用`.on()`方法绑定事件，如`$('element').on('click...