首页 / JQUERY / jQuery入门学习之安装及语法
jQuery入门学习之安装及语法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jQuery入门学习之安装及语法,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1246字,纯文字阅读大概需要2分钟。
内容图文
说明
jQuery 是一个 JavaScript 函数库,可大大简化JavaScript编程。
主要用于
-
HTML 元素选取
-
HTML 元素操作
-
CSS 操作
-
HTML 事件函数
-
JavaScript 特效和动画
-
HTML DOM 遍历和修改
-
AJAX
-
Utilities
安装
方案一 :下载jQuery-->把jQuery添加到网页
两个版本的 jQuery 可供下载:
-
Production version - 用于实际的网站中,已被精简和压缩。
-
Development version - 用于测试和开发(未压缩,是可读的代码)
添加到网页的方法:使用 HTML 的 <script> 标签在<head>部分引用即可。
方案二 :通过 CDN(内容分发网络) 引用它。
谷歌和微软的服务器都存有 jQuery 。引用方法如下:
Microsoft CDN:
<head><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>
Google CDN:
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>
使用谷歌或微软的 jQuery,有一个很大的优势:可提高加载速度,减少加载时间。
语法
jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。
基础语法是: $(selector).action()
-
美元符号定义 jQuery
-
选择符(selector)“查询”和“查找” HTML 元素
-
jQuery 的 action() 执行对元素的操作
示例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
为了防止文档在完全加载(就绪)之前运行 jQuery 代码,所有 jQuery 函数位于 document ready 函数中:
$(document).ready(function(){ --- jQuery functions go here ---- });
还在不断学习中,更多学习可参看http://www.w3school.com.cn/jquery
原文:http://oulafen.blog.51cto.com/7830663/1359163
内容总结
以上是互联网集市为您收集整理的jQuery入门学习之安装及语法全部内容,希望文章能够帮你解决jQuery入门学习之安装及语法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。