一. $选择器： $();
替换超链接的内容
<!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" />
<title>$选择器</title>
<script language="javascript" src="jquery-1.2.6.js"></script>
<script language="javascript">
window.onload = function() {
var oElements = $("h2 a");
for(var i=0;i<oElements.length;i++){
oElements[i].innerHTML = i.toString();
}
}
</script>
</head>
<body>
<h2><a href="#">正文</a>内容</h2>
<h2>正文<a href="#">内容</a></h2>
</body>
</html>
二. 功能函数前缀： $.trim()
<!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" />
<title>$.trim()</title>
<script language="javascript" src="jquery-1.2.6.js"></script>
<script language="javascript">
var str = " 1234567890";
str = $.trim(str);
alert(str.length);
</script>
</head>
<body>
</body>
</html>
三. ready()方法：
ready()替代window.onload()的方法
1. $(document).ready(function(){
//.....
})；
2. 简写：
$(function(){
//.......
});
四. 创建DOM元素：
可以不用以前的document.create....了
<!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" />
<title>创建DOM元素</title>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){ //ready()函数
var oNewP = $("<p>这是一个感人肺腑的故事</p>"); //创建DOM元素
oNewP.insertAfter("#myTarget");
});
</script>
</head>
<body>
<p id="myTarget">插入到这行之后</p>
<p>也就是插入到这行文字之前，但是这行没有id，也可能不存在</p>
</body>
</html>
分享到：
相关推荐
本文将详细讲解如何使用一个专门模仿Facebook表情符号切换功能的jQuery插件，帮助你在网站上实现类似的功能。 首先，我们来了解Facebook表情符号系统。Facebook的表情符号系统，也称为“Reactions”，提供了用户对...
他会讲解如何通过`$`符号来选择元素，如`$("#id")`选择ID为特定值的元素，`$(".class")`选择具有特定类名的元素，以及`$("tag")`选择特定类型的元素。此外，他还可能讨论了DOM操作，如`.html()`、`.append()`和`....
《jQuery核心讲解》 在Web开发领域，jQuery是一款广受欢迎的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。本文将深入探讨jQuery的核心概念、功能以及底层实现机制，帮助读者...
在讲义的第一部分，会详细介绍jQuery的基础概念，包括如何引入jQuery库，以及使用$符号进行DOM选择的基本语法。学习者将了解如何通过jQuery快速定位HTML元素，实现对页面内容的动态操作。 接下来的章节将深入探讨...
下面我将用简洁的语言详细讲解jQuery中$this和$(this)的区别，并通过一个具体的例子来加深理解。 首先，我们需要明确this关键字在JavaScript和jQuery中的含义。在JavaScript中，this关键字指的是当前函数的上下文...
教程首先介绍了jQuery的基本概念，包括如何引入jQuery库到HTML页面，以及使用"$"符号作为jQuery的快捷方式。接着，详细讲解了jQuery的选择器机制，这是理解jQuery的核心，因为选择器允许开发者精准地定位到DOM中的...
《JQuery权威指南源代码》是一本深入解析jQuery库的参考书籍，其源代码提供了丰富的实例和示例，帮助读者更好地理解和应用jQuery。...学习过程中，结合书中的讲解和源代码，将能更好地掌握jQuery的核心技术和实践技巧。
讲解jQuery性能优化技巧，如延迟加载、减少DOM操作和避免内存泄漏。同时，学习如何使用开发者工具进行代码调试和性能分析。 第15天：项目实战 通过构建一个完整的网页应用，将所学知识融会贯通，巩固对jQuery的理解...
此外，还会学习到如何利用`$`符号作为jQuery对象的快捷方式，以及它与JavaScript原生DOM操作的区别。 接着，教程深入讲解jQuery的选择器，这是jQuery最强大的功能之一。从基本的选择器（如ID选择器、类选择器和元素...
jQuery 的基本语法采用 `$` 符号作为起始，接着是一个选择器（selector），然后是执行的动作（action）。例如： ```javascript $(selector).action() ``` 这里的选择器可以是CSS或XPath表达式，用于定位HTML元素；...
- **变量命名规则**: 变量名称可以包含下划线 `_`、数字、字母以及美元符号 `$`。需要注意的是，数字不能作为变量名的开头。 - **变量作用域**: 如果声明变量时不使用`var`关键字，该变量将成为全局变量，这可能会...
引入后，就可以在JavaScript代码中使用`$`符号调用jQuery的方法。 8. **兼容性** 不同版本的jQuery对浏览器的兼容性有所不同。较新的版本可能支持更多的特性，但可能不再支持一些旧的浏览器。在项目中选择合适的...
本教程首先会介绍jQuery的基本概念和安装方式，包括如何在HTML页面中引入jQuery库，理解“$”符号的作用以及它与jQuery的关系。接着，我们将深入探讨选择器，这是jQuery的核心功能之一，它允许我们精准地选取页面中...
本教程将详细讲解如何利用jQuery实现微博分享评论功能，并集成表情系统，为用户提供丰富的表达方式。 一、jQuery基础 在开始实现微博分享评论表情之前，我们需要了解jQuery的基本用法。jQuery通过$符号作为全局函数...
本文将详细讲解如何使用jQuery来添加和删除元素，这在Web开发中是极为常见的需求。 首先，让我们理解jQuery的核心概念。jQuery通过选择器（Selectors）找到页面中的元素，然后对这些元素执行各种操作。比如，我们...
其中，`$`符号用于调用jQuery，`selector`用于指定目标HTML元素，而`action()`则表示对这些元素执行的操作。 - **元素选择器**：例如，`$("p")`用于选取所有`<p>`元素；`$("p.intro")`用于选取所有具有`intro`类的`...
本篇文章将详细讲解如何利用jQuery创建一个简洁且具有动画效果的菜单。 首先，理解jQuery的核心概念是至关重要的。jQuery通过其简洁的语法使JavaScript编程变得更加简单，比如使用"$"符号作为库的入口点，使得选择...
jQuery详细教程，讲解很透彻， 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数，隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数，隐藏 id="test" 的元素。 $("p").hide() ...