最近我学习了HTML、CSS、XML、JavaScript,今天我们又接触了JQuery,那他们之间有什么联系呢,一起了解一下吧!
- What
- Why
- How
What
JQuery是一个javaScript函数库,而且是一个轻量级的“white less,do more “.它包括了HTML的元素显示、CSS的样式集、JavaScript的特效和动画以及AJAX的异步发布等等,一个很强大的框架。
Why
JQuery是一个目前最流行的JS框架,而且提供了大量的扩展。他可以支持很多不同的浏览器;
How
(一)、基本语法:`$(selector).action()
美元符号定义 jQuery
选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有 <p> 元素
$("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
$("#test").hide() - 隐藏所有 id="test" 的元素
(二)、文档就绪事件
`$(document).ready(function(){
// 开始写 jQuery 代码...
});`
(三)、显示和隐藏
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
(四)、JQuery load()方法:
jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。
语法:$(selector).load(URL,data,callback);