共计 1909 个字符,预计需要花费 5 分钟才能阅读完成。
jQuery 是 js 的工具库,使用该工具库需要网上下载,版本分为生产版本(压缩过,体积小,读取源码困难)min.js,开发版(未压缩,体积大,可以读懂源码)。使用 jQuery 需要引入,在 head 中使用 script 的 src
获取元素
$(‘ 选择器 ’): 返回 jquery 对象
目录
获取元素
绑定事件
修改与获取
内容:test(),识别标签,如果没有实参就是获取,又是实参就是修改
属性:
样式:
其他:
与服务器交互:
jquery 转 js-get(jquery 对象)
js 转 jquery-$(js 对象)
遍历:each 方法
function(index,item){index,$(item)}
绑定事件
具体绑定事件
Document
span1span2
span3span4
span5span6
修改与获取
内容:test(),识别标签,如果没有实参就是获取,又是实参就是修改
属性:
普通属性:attr(‘ 属性名 ’)- 获取 attr(‘ 属性名 ’,’ 属性值 ’)- 设置
类名属性:
hasClass()
addClass()
removeClass()
toggleClass()
样式:
Document
哈
隐藏
显示
转变
移动
其他:
相关元素:
父:parent()
子:children()
上一个:prev()
下一个:next()
同一级:sibling()
创建与删除:
append: A.append(B)— 返回 A,A 是创建内容
appendTo:A.append(B)– 返回 A,B 是创建内容
remove(): 移除 – 目标元素.remove()
empty(): 删除目标元素的所有内容 – 目标元素.empty()
与服务器交互:
form 表单: 将用户数据提交到服务器,缺点必须刷新整个网页
ajax 异步刷新: 页面局部刷新
$.ajax({}) 具体操作:
$.ajax({
url:’ ‘
mrthod:’get/post’
success:
其他参数
})
原文地址: jQuery 操作指南