通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
jQuery 语法
jQuery 语法是通过选取 HTML 元素的,并对元素执行某些操作
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏所有 class="test" 的段落
$("#test").hide() - 隐藏所有 id="test" 的元素
文档就绪事件
也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
$(document).ready(function(){ // jQuery methods go here... });
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
- 试图隐藏一个不存在的元素
-
获得未完全加载的图像的大小
提示:简洁写法(与以上写法效果相同):
$(function(){ // jQuery methods go here... });
以上两种方式你可以选择你喜欢的方式实现文档就绪后执行jQuery方法。
相关推荐
jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery 语法学习笔记jQuery ...
jQuery核心语法 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、...
reamweaver CS5安装jQuery语法提示插件 最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。下面来介绍一下。 其实该Dreamweaver CS5绿色版的jquery代码...
03.jQuery语法 04.jQuery方法1 05.jQuery方法2 06.jQuery选择器(基础)至选择器(表单) 07.选择器(表单)至属性(CSS类) 08.属性(CSS类)至属性(值) 09.属性(值)至过滤(filter) 10.过滤(filter)至查找(offsetParent) 11....
学习资料包括: 1.JQuery简介 ...2.JQuery语法 3.JQuery选择器 4.JQuery事件 5.JQuery Callback函数 6.JQuery常用函数 另外还有jquery中文参考文档,希望能对想要学习jquery的朋友有所帮助!
在线培训主要学习以下几个知识点: 1.JQuery简介 2.JQuery语法 3.JQuery选择器 4.JQuery事件 5.JQuery Callback函数 6.JQuery常用函数
1.jQuery 语法;2.jQuery 选择器;3.jQuery 事件函数;4.jQuery效果;5.JQuery HTML;
Dreamweaver CS5的jQuery语法提示插件,最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。 Dreamweaver语法提示插件使用说明: 1.把shared、Extensions...
语法高亮syntaxhighlighter_3.0.83.rar
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有...
editplus html5 css3 JQuery 语法文件 html5 css3.0 jQueryAPI手册
《精通JavaScript+jQuery(1CD)》从介绍JavaScript的基础知识开始,围绕标准Web的各项技术予以展开,通过大量实例对JavaScript、CSS、DOM、Ajax等Web关键技术进行深入浅出的分析,主要内容包括JavaScript的概念和基本...
Jquery语法大全(包括选择器、方法、简单的操作样例等)
Dreamweaver CS5的jQuery语法提示插件,最近在做项目时经常会用到jQuery,无意中获得了Dreamweaver的jQuery语法提示插件,在项目开发时带来了很多方便。 Dreamweaver语法提示插件使用说明: 1.把shared、...
自己整理的jquery template语法,很实用,对初学者有帮助,例子官网下载即可
jQuery的各种实例的编写 教你很快掌握jQuery的语法
WEB开发 之 jQuery 语法.docx
Jquery语法详细[归类].pdf
jQuery语法与实例,详细的语法,有简单易懂的实例,适合初级学习者
jquery语法,与jquery选择器介绍 带有真实的源代码与案例