jquery思维导图
2020-11-12 14:47:28 9 举报
AI智能生成
jquery思维导图
作者其他创作
大纲/内容
JQuery
什么是jQuery:是一个javascript的库,里面有很多的函数
我是你爸爸
作用:可以操作DOM对象,事件处理,动画,AJAX
JQuery的优点:1.免费,开源的,2.比较小巧,压缩的版本只有87k大小,3,兼容大多数的浏览器 4.文档齐备
对象分类:
dom对象:使用js语法创建的对象是dom对象,也是js对象,dom对象可以调用dom的方法,属性
jQuery对象:使用jQuery语法创建的对象,jQuery对象能调用jQuery函数库中的函数或者属性jQuery对象是数组,数组中的每个成员都是dom对象
选择器
什么是选择器:就是一个字符串,用来定位dom对象的,就是选择页面中om对象的条件
基本选择器
id选择器:语法$(\"#id值\")
class选择器:语法$(\".class名称\")
标签选择器:语法$(\"标签名称\")
所有选择器:语法$(\"*\")
组合选择器:语法$(\
表单选择器
使用dom对象的type属性定位
语法:$(\":type属性值\"),例如如果想要定位所有的text,$(\":text\")
过滤器
是一个字符串:用来筛选dom对象的,过滤器需要和选择器一起使用
基本过滤器
选择第一个对象 $(\"选择器:first\")
选择最后一个对象 $(\"选择器:last\")
选择指定下标的对象 $(\"选择器:eq(下标)\")
选择小于指定下标的对象 $(\"选择器:lt(下标)\")
选择大于指定下标的对象 $(\"选择器:gt(下标)\")
表单属性过滤器
根据表单dom对象的状态,过滤dom对象的,状态有启用的,不可用的选中
可用的,$(\":text:enabled\")
不可用的,$(\":text:disabled\")
单选或者复选框选中的,$(\":radio:checked\")
下拉列表框的选中,$(\"选择器>option:selectd\")
函数
val: 获取或者设置dom对象的value属性值
text: 读取或者设置标签的文本内容的
attr:读取或者设置标签的某个属性值
remove: 删除dom和子对象的
append: 添加dom对象
html:读取或者设置标签的文本值,操作的是innerHTML
each:
循环
普通的数组
json对象
dom数组
each循环的语法
jquery处理事件
jquery处理ajax请求,使用的函数
介绍:使用json的参数格式,表示请求的各种参数
json格式的内容
url:请求地址
type:请求的方式,get或者post,默认是get
data:请求的参数,使用json格式比较多
aysnc:布尔值,默认是true,异步的请求方式
success:指定一个函数,当错误时执行这个函数
error:指定一个函数,当错误时执行这个函数
contentType:数据格式,可以不写
0 条评论
回复 删除
下一页