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对象。
对象分类
什么是选择器:就是一个字符串,用来定位dom对象的,就是选择页面中dom对象的条件
id选择器:$(\"#id值\")
class选择器:$(\".标签名称\")
标签选择器:$(\"标签名称\")
所有选择器:语法$(\"*\")
组合选择器:$(\
基本选择器
使用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
普通数组
json对象
dom数组
each:循环
each循环的语法
函数
按钮单击:$(\"#btn\").click(function(){})
绑定事件,Jquery对象.事件名称(function(){})
按钮单击:$(\"#btn\").on(\"click\
jQuery处理事件
介绍:使用json的参数格式,表示请求的各种参数
url:请求地址
type:请求方式,get(默认)或post
data:请求的参数,json格式居多
dataType:期望服务器返回的数据格式,可以是xml、html、text、json
aysnc:布尔值,默认true,异步请求
success:函数中默认使用XMLHttpRequest对象,readyState==4&&status==200
error
contentType:数据格式,可省略
json格式的内容
核心$.ajax()
$.post:使用post方式发送请求
$.get:使用get方式发送请求
jQuery处理ajax请求:使用的函数
jQuery
0 条评论
回复 删除
下一页