jquery思维导图
2020-11-12 14:47:28 9 举报AI智能生成
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名称")
标签选择器:语法$("标签名称")
所有选择器：语法$("*")
组合选择器：语法$("id选择器,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循环的语法
$ . each(循环的对象,function(i,n){})
jquery对象,each(function(i,n){})
jquery处理事件
绑定事件，jquery对象,事件名称(事件处理函数)-------按钮单击,$("#btn").click(function(){按钮单击})
on绑定事件,jquery对象.on(事件名称,function(){})--------按钮单击.$("#btn").on("click",function(){})
jquery处理ajax请求，使用的函数
介绍：使用json的参数格式，表示请求的各种参数
json格式的内容
url:请求地址
type：请求的方式，get或者post，默认是get
data:请求的参数，使用json格式比较多
dataType:期望服务器端返回的数据格式，可以xml,html,json等
aysnc:布尔值，默认是true，异步的请求方式
success:指定一个函数，当错误时执行这个函数
error:指定一个函数，当错误时执行这个函数
contentType:数据格式，可以不写
$.post:使用post方式发送请求---------$.post(请求的服务器端地址，请求的参数，处理函数，数据的格式 ,json)
$.get:使用post方式发送请求---------$.get(请求的服务器端地址，请求的参数，处理函数，数据的格式 ,json)
0 条评论
下一页
为你推荐
查看更多
