JQuery
2021-05-30 22:29:10 15 举报
AI智能生成
学到如何通过使用 jQuery 应用 JavaScript 效果。 jQuery 是一个“写的更少,但做的更多”的轻量级 JavaScript 库。 基本上,您将学习到如何选取 HTML 元素,以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
作者其他创作
大纲/内容
JQuery
jQuery是一个javascript的库拥有很多函数
作用 可以操作dom对象,事件处理,动画,ajax
优点 小巧 87k 能够兼容大多数浏览器 文档比较齐备
对象的分类
使用javascript创建的对象就是dom对象=js对象
dom对象可以调用dom的方法属性
jQuery对象 使用jQuery语法创建的对象 可以使用jQuery函库的方法和属性
jQuery对象是数组 数组中的每一个元素都是dom对象
选择器
就是一个字符串 用来定位dom对象 就是选择页面中dom对象的
基本选择器
id选择器 语法规则 $(#id)
class选择器 $(.class)
标签选择器 $(标签名称)
所有选择器 $(*)
表单选择器
使用 dom对象的type属性定位
语法,$(\":type属性值\")
例如$(\":text\") 定位所有text表单
过滤器
是一个字符串用来筛选dom的 过滤器 要和选择器一起使用
基本过滤器
选择第一个对象 $(\":button:first\")
选择最后一个对象 $(\":text: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语法
jquery处理事件
绑定事件,jquery对象.事件名称(事件处理函数)
按钮单击 $(\"#btn\").click(function(){按钮单击})
on绑定事件 jquery对象.on(事件名称,function(){})
按钮单击 $(\"#btn\").on(\"click\
jquery处理ajax请求 使用函数
核心 $.ajax
使用json参数格式 请求的各种参数
json格式的内容
url请求地址
type 请求的方式 get或post 默认是get
data 请求的参数 使用json比较多
dataType期望服务器返回的数据格式 xml json html
success 指定一个函数当服务器返回数据时 自动执行这个函数
error 指定一个函数当错误时执行这个函数
contentType 数据格式 可以不写
0 条评论
回复 删除
下一页