jQuery
2021-12-23 11:41:05 19 举报AI智能生成
jQuery的简单使用
作者其他创作
大纲/内容
什么是jQuery：是一个javascript的库，里面有很多的函数
作用：可以操作dom对象，事件处理，动画，ajax
优点：1、免费开源；2、压缩版87k；3、兼容大多数浏览器；4、文档齐备
对象分类
dom对象：使用js语法创建的对象，也叫js对象。dom对象可以调用dom的方法和属性。
jQuery对象：使用jQuery语法创建的对象。jQuery对象能调用jQuery函数库中的函数和属性。
jQuery对象是数组，数组中的每个成员都是dom对象。
jQuery对象是数组，数组中的每个成员都是dom对象。
选择器
什么是选择器：就是一个字符串，用来定位dom对象的，就是选择页面中dom对象的条件
基本选择器
id选择器：$("#id值")
class选择器：$(".标签名称")
标签选择器：$("标签名称")
所有选择器：语法$("*")
组合选择器：$("#id,.class,span")
表单选择器
使用dom对象的type属性定位
语法：$(":type属性值")。例如想定位所有的text——$(":text")
过滤器
是一个字符串，用来筛选dom对象的，过滤器需要和选择器一起使用的
基本过滤器
选择第一个对象——$("选择器:first")
选择最后一个对象——$("选择器:last")
选择指定下标的对象——$("选择器:eq(下标)")
选择小于指定下标的对象——$("选择器:lt(下标)")
选择大于指定下标的对象——$("选择器:gt(下标)")
表单属性过滤器
用来根据表单dom对象的状态，过滤dom对象的，状态有启用的，不可用的，选中
可用的：$(":text:enabled")
不可用的：$(":text:disabled")
单选或复选框选中的：$(":radio:checked")
下拉列表选中的：$("选择器>option:selected")
函数
val：获取或设置dom对象的value属性值
text：读取或设置标签的文本内容的
attr：读取或设置标签的某个属性值
remove：删除dom和子对象的
append：添加dom对象
html：读取或设置标签的文本值，操作的是innerHtml
each：循环
普通数组
json对象
dom数组
each循环的语法
$.each(循环的对象,function(index,element){})
jquery对象.each(function(index,element){})
jQuery处理事件
绑定事件，Jquery对象.事件名称(function(){})
按钮单击：$("#btn").click(function(){})
on绑定事件，jquery对象.on(事件名称,function(){})
按钮单击：$("#btn").on("click",function(){})
jQuery处理ajax请求：使用的函数
核心$.ajax()
介绍：使用json的参数格式，表示请求的各种参数
json格式的内容
url：请求地址
type：请求方式，get(默认)或post
data：请求的参数，json格式居多
dataType：期望服务器返回的数据格式，可以是xml、html、text、json
aysnc：布尔值，默认true，异步请求
success：函数中默认使用XMLHttpRequest对象，readyState==4&&status==200
error
contentType：数据格式，可省略
$.post：使用post方式发送请求
$.post(url,请求的参数,处理函数,数据格式:"json")
$.get：使用get方式发送请求
$.get(url,请求的参数,处理函数,数据格式:"json")
职业：本科
0 条评论
下一页
为你推荐
查看更多
