`
Josh_Persistence
  • 浏览: 1650126 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

Jquery简单入门到精通细节 - (二) Jquery的核心语法

阅读更多

jQuery 基本核心语法

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。

jQuery 语法实例

$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id="test" 的元素。
$("p").hide()
演示 jQuery hide() 函数,隐藏所有 <p> 元素。
$(".test").hide()
       演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。

基础语法是:$(selector).action()

  • 美元符号定义 jQuery
  • 选择符(selector)“查询”和“查找” HTML 元素
  • jQuery 的 action() 执行对元素的操作

示例

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有段落

$("p.test").hide() - 隐藏所有 class="test" 的段落

$("#test").hide() - 隐藏所有 id="test" 的元素

提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。

 

 

文档就绪函数(文档加载完成后执行的函数)

您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

--- jQuery functions go here ----

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数,操作可能失败。
0
0
分享到:
评论

相关推荐

    jquery 从入门到精通 demo示例下载

    本篇将通过介绍jQuery的基础概念、核心功能以及提供的丰富示例,帮助读者从入门到精通,深入理解并运用jQuery。 首先,jQuery的核心理念是“Write Less, Do More”,它通过简洁的语法提供了强大的功能。例如,使用`...

    javascript入门到精通---金典

    "javascript入门到精通---金典"这个教程旨在帮助初学者系统地掌握JavaScript的基础知识,并逐步提升至高级技巧,从而成为一名出色的网页制作高手。对于标签“做网页者必看”,这暗示了JavaScript在构建交互式网页中...

    jquery 入门到精通 学习总结 资源

    《jQuery入门到精通学习资源概览》 jQuery是一款强大的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。本资源集合是针对jQuery从入门到精通的学习资料,旨在帮助初学者快速...

    jquery开发入门整理(所需要了解的)

    ### jQuery入门: 数组的三种类型三种操作 jQuery中的数组操作主要包括创建数组、操作数组以及查询数组。例如,创建数组可以通过`new Array()`或`[]`语法;操作数组则涉及添加、删除、替换元素的操作;查询数组包括...

    JavaScript从入门到精通(第2版)PPT.7z

    在“JavaScript从入门到精通(第2版)PPT”这套教学资料中,我们将深入探讨JavaScript的核心概念、语法特性以及实际应用。 1. **基础概念** - **变量与数据类型**:JavaScript支持基本数据类型(如字符串、数字、...

    html5入门到精通 视频教程

    html5入门到精通 视频教程 下载网盘:http://pan.baidu.com/s/1sllC6TJ 目录: HTML5介绍 HTML5开发教程-1.相关概念和准备工作 HTML5开发教程-2.HTML5基础 HTML5开发教程-3.HTML核心元素1 HTML5开发教程-4.HTML...

    从入门到精通javascript全部代码

    "从入门到精通javascript全部代码"这个资源旨在帮助初学者逐步掌握JavaScript,并通过实际代码示例深入理解其核心概念。 首先,JavaScript的核心知识点包括变量、数据类型、控制结构(如条件语句和循环)、函数、...

    JavaScript从入门到精通 所有例题程序

    "JavaScript从入门到精通 所有例题程序"是一个专门针对学习者设计的资源包,旨在帮助初学者通过实践掌握JavaScript的核心概念和技术。 这个资源包中的"sl"实例源程序包含了大量例题,涵盖了JavaScript的基础到进阶...

    ASP.NET从入门到精通 第3版

    本资源"ASP.NET从入门到精通 第3版"旨在帮助初学者系统地学习并掌握ASP.NET技术,从而成长为一名合格的.NET开发工程师。 在ASP.NET中,你需要了解以下核心概念和技术: 1. **基本概念**:理解ASP.NET的工作原理,...

    《Web前端开发从入门到精通》.pdf

    Web前端开发从入门到精通 本资源摘要信息涵盖了Web前端开发的所有知识点,从HTML基础课程到JavaScript高级实战,涵盖了CSS基础课程、jQuery实战、常用库和前端框架、HTML5新功能和高级机制、CSS3新特性详解、实战...

    JavaScript从入门到精通的源代码

    这份“JavaScript从入门到精通的源代码”集合旨在为初学者和有经验的开发者提供一个全面的学习资源,涵盖从基础语法到高级技术的全方位指导。 1. **基础语法** - 变量与数据类型:JavaScript支持var、let和const...

    Javascript从入门到精通

    "Javascript从入门到精通"是一套全面的学习资源,旨在帮助初学者掌握这一强大技术,同时也适合有一定基础的开发者进一步提升技能。由知名IT专家孙强编著,这套教程包含了丰富的教学课件和书中实例的源文件,为学习者...

    java从入门到精通笔记

    ### Java从入门到精通知识点梳理 #### 一、Java核心概念 **1. 环境搭建** - **Java的历史**: Java由Sun Microsystems公司在1995年发布。 - **发展方向**: 包括JAVASE(Java Standard Edition,标准版)、JAVAME...

    javaScript从入门到精通

    以上只是JavaScript入门到精通的一部分关键知识点,随着实践和学习的深入,你将接触到更多高级主题,如ES6及后续版本的新特性、Web组件、Node.js服务器开发等。不断学习和实践,你将能驾驭这门强大的脚本语言,创造...

    Javascript教程--从入门到精通【完整版】.pdf

    - **简单性**:JavaScript语法简洁明了,易于学习。它的设计基于Java的基本语句和控制流,适合初学者过渡到更复杂的编程语言。 - **安全性**:为了保护用户数据和个人隐私,JavaScript限制了对本地硬盘和服务器文件...

    ajax基础教程和ajax从入门到精通

    **Ajax基础教程** Ajax(Asynchronous ...通过阅读《Ajax从入门到精通.pdf》和《ajax基础教程.pdf》,你可以系统地学习Ajax的各个方面,从基础知识到进阶技巧,逐步提升自己的技能,成为一名精通Ajax的开发者。

    JavaScript从入门到精通教程 pdf

    本教程《JavaScript从入门到精通》旨在帮助初学者快速掌握这一重要技能,逐步成长为JavaScript专家。PDF版本则提供了方便的电子阅读体验,允许读者随时随地学习。 在JavaScript的世界里,你将学习到基本语法、变量...

    ASP.NET 4.0从入门到精通

    这本书《ASP.NET 4.0从入门到精通》旨在帮助初学者和有经验的开发者更好地理解和运用这个技术。 1. **基础概念** - ASP.NET:它是.NET Framework的一部分,用于构建动态网站、Web应用程序和Web服务。 - .NET ...

    jquery使用技巧,轻轻松松入门,30分钟精通

    ### jQuery 使用技巧详解 #### 一、Attribute:属性操作 jQuery 的强大之处在于它极大地简化了 JavaScript 对 DOM 的操作。以下列举了一些常见的属性操作方法: 1. **`addClass()`** - **语法**:`$("选择器")....

Global site tag (gtag.js) - Google Analytics