jquery 常用api

标签：class   code   ext   get   数据   os   

*一）jQuery常用方法API实战
（1）DOM简述与分类
A）DOM是一种标准，它独立于平台，语言，浏览器。
B）如果项目中，你完全按照DOM标准写代码，你就能在各大主流的浏览器中操作标准控件。
C）参见<<>>

（2）jquery操作DOM的常用API实战
父.append(子)
父.prepend(子)
------------------------------
A.after(B):B在A之后
A.before(B):B在A之前
------------------------------
attr(key,value)设置属性值
attr(key)获取属性值
------------------------------
val()获取value属性值
val(value)设置value属性值
------------------------------
$("html代码")创建标签，文本和属性
------------------------------
remove()删除元素和其子元素
------------------------------
旧.replaceWith(新)：新替换旧
------------------------------
html()

css()
------------------------------
removeAttr()：删除属性
------------------------------
clone()
close(true)
------------------------------
addClass()
hasClass()
removeClass()
toggleClass()
------------------------------
children() 取子元素不考虑后代元素
next()后面紧邻同辈元素
prev()前面紧邻同辈元素
siblings()前后所有同辈元素集合 可以用each()遍历
------------------------------
show()可用于图片显示
hide()
------------------------------
slideUp() 上滑
slideDown()下滑
------------------------------

*二）jQuery常用事件API实战
window.onload事件：
A)在页面加载时执行
B)如果写多个onload事件，后者覆盖前者
C)无简写形式
$(document).ready()事件：
A)在页面加载时执行
B)$(document).ready(处理函数);
C)$();
change()
select()
focus()

//获取浏览器产生的事件对象，该事件对象，无需程序员代码创建，
//是每个浏览器自已产生的，即IE和firefox浏览器产生的事件
//对象可以不同,event对象。
var code = event.keyCode;

keyup()：左37/上38/右39/下40
mousemove()
mouseout()
mouseover()
submit()

*三）jQuery常用AJAX-API实战

（1）取得服务端当前时间
jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...})
load()：如果无参的话，就以GET方式发送
如果有参的话，就以POST方式发送

（2）检查注册用户名是否存在
$.get(url,sendData,function(backData,textStatus,xhr){... ...})
$.post(url,sendData,function(backData,textStatus,xhr){... ...})

（3）二，三级菜单联动
$.post(url,sendData,function(backData,textStatus,xhr){... ...})
思考：将菜单联动做成数据库版本

（4）jquery对象.serialize()
能够收表参数，形成一个json格式字符串，
前提是：必须为每一个表单项取一个name属性

jquery 常用api,布布扣,bubuko.com

jquery 常用api

标签：class   code   ext   get   数据   os   

原文地址：http://www.cnblogs.com/friends-wf/p/3809712.html