初学JQuery
来源:互联网 发布:网络下载速度很不稳定 编辑:程序博客网 时间:2024/06/05 19:32
1.jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。
2.如何添加JQuery库: 可添加 <head> <script type = "text/javascript" src = "jquery.js"><script> </head> 但是在HTML5中,默认的script是javascript,所以不需要type="text/javascript"了。 jquery.js可以到http://jquery.com/download/?rdfrom=http%3A%2F%2Fdocs.jquery.com%2Fmw%2Findex.php%3Ftitle%3DDownloading_jQuery%26redirect%3Dno下载,下载是请根据需要选择不同版本的js,要考虑兼容性。 如果不想在本地保留jquery.js文件,那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。
使用 Google 的 CDN <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs /jquery/1.4.0/jquery.min.js"></script> </head> 可以将1.4.0替换为1.4则是得到1.4版本中最新的,同理替换为1时得到的是1系列中最新的版本。
使用 Microsoft 的 CDN <head> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery /jquery-1.4.min.js"></script> </head>
用这两家公司的JQuery有一个好处就是:会从用户缓存中提取,从而大大减少了加载时间。
3.基本语法:
$(selector).action()
美元符号定义JQuery .
选择符(select)“查询”和查找HTML元素 .执行对元素的操作
例:
$(this).hide() - 隐藏当前元素
$("#test").hide() - 隐藏id = test的元素
$(".test").hide() - 隐藏class = test的元素
$("p").hide() - 隐藏所有段落
$("p.test").hide() - 隐藏class = test的段落元素
4.文档就绪函数
$(document).ready(function(){
---JQuery functions go here---
});
为了防止在文档完全加载就绪之前运行JQuery代码。
5.选择器
.元素选择器
使用与CSS相同的class或id一样的形式来选取HTML元素如上举例
.属性选择器
$("[href]") - 选取所有带有href属性的元素
$("[href = '#']") - 选取所有href值等于“#”的元素
$("[href != '#']") - 选取所有href值不等于“#”的元素
$("[href $= '.jpg']") - 选取所有href值等于以.jpg结尾的元素
.CSS选择器
$("p").css("background-color","red");
6.JQuery事件函数 JQuery是为事件处理(触发)特别设计的,事件处理方法是JQuery中的核心函数。
可以将自己写的JQuery函数放到单独的文件中。
7.JQuery名称冲突
使用var jq = JQuery.noConflict(),帮助使用自己的(如:jq)来代替$符号。
8.
- fadeIn()
用于淡入已隐藏的元素
语法:$(select).fadeIn(speed,callback);
- fadeOut()
用于淡出要隐藏的元素
语法:$(select).fadeOut(speed,callback);
- fadeToggle()
用于在fadeIn(),fadeOut()之间进行切换
语法:$(select).fadeToggle(speed,callback);
- fadeTo()
用于渐变为给定的不透明度(值介于0~1)
语法:$(select).fadeTo(speed,opacity,callback);
11.滑动效果
- slideDown()
用于淡向下滑动元素
语法:$(select).slideDown(speed,callback);
- slideUp()
用于淡向上滑动元素
语法:$(select).slideUp(speed,callback);
- slideToggle()
用于在slideDown()和slideUp()之间进行切换。
语法:$(select).slideToggle(speed,callback);
<script type="text/javascript"><!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;google_ad_height = 90;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- JQuery 初学
- jQuery初学
- 初学JQuery
- 初学JQuery
- JQuery初学
- jQuery初学
- jquery 初学入门 感想
- 初学习jquery 小节
- 初学jQuery参考
- 初学Ajax和jQuery
- JQuery初学笔记
- jquery 初学笔记(二)
- jquery初学简介
- 菜鸟初学JQuery
- 初学JQuery基础
- JQuery初学_____(1)
- 初学JQuery基础
- 初学强大的JQuery
- 『jQuery』取指定url格式
- Servlet中配合common-fileupload.jar和common-io.jar进行文件上传
- 统计二进制中1的个数和 - 位运算
- linux下scp的使用
- makefile的简介与使用
- 初学JQuery
- 文件的复制(模拟DOS下的文件复制命令)
- Linux集群的安装与并行计算
- CDialog::OnInitDialog() 及“试图执行系统不支持的操作”
- udhcpc 参数使用说明
- jquery清空textarea等输入框
- 开发板 nfs /bin/sh Permission denied
- Linux文件和目录简介
- 错过