jQuery基础
1. $(selector).action();
2. //文档就绪事件: 即在 DOM 加载完成后才对 DOM 进行操作
$(document).ready(function(){
.....
});
<=>
$(function(){
....
});
3. //jquery 选择器
.class #id ......
4. //jquery 事件
$(.class).click(function(){
...
})
//常用事件 click、 dbclick、 mouseenter、mouseleave、hover、focus、blur...
5. //jQuery效果: 隐藏、显示、切换,滑动,淡入淡出,以及动画
//jQuery链 (chaining):
Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上):
eg:
$("#p1").css("color","red")
.slideUp(2000)
.slideDown(2000);
6. //jQuery操作DOM
1) 获取内容:text(), html(), val()
2) 获取属性:attr(), prop()
3) 添加元素: append(), prepend(), after(), before()
4) 删除元素:remove()
7. //jQuery操作css
1) addClass(), //向被选元素添加一个或多个类
2) removeClass(),
3) toggleClass(),
4) css() //设置或返回样式属性
$("p").css({"background-color":"yellow",
"font-size":"200%"});
8. //jQuery遍历DOM:
1) parent(), children(), find(), next()
2) 过滤:first(), last(), eq(index), filter()
9. // jQuery 与 AJAX:
// AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。
// jQuery get()和 post()方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
$.get(URL,callback); //通过 HTTP GET 请求从服务器上请求数据。
$.post(URL,data,callback); //通过 HTTP POST 请求向服务器提交数据。