JQuery
2021-05-30 22:29:10 16 举报AI智能生成
学到如何通过使用 jQuery 应用 JavaScript 效果。 jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。 基本上，您将学习到如何选取 HTML 元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务。
作者其他创作
大纲/内容
jQuery是一个javascript的库拥有很多函数<br>
作用 可以操作dom对象，事件处理，动画，ajax<br>
优点 小巧 87k 能够兼容大多数浏览器 文档比较齐备 <br>
对象的分类
使用javascript创建的对象就是dom对象=js对象<br>
dom对象可以调用dom的方法属性<br>
jQuery对象 使用jQuery语法创建的对象 可以使用jQuery函库的方法和属性<br>
jQuery对象是数组 数组中的每一个元素都是dom对象<br>
选择器
就是一个字符串 用来定位dom对象 就是选择页面中dom对象的<br>
基本选择器
id选择器 语法规则 $(#id)<br>
class选择器 $(.class)
标签选择器 $(标签名称)
所有选择器 $(*)
组合选择器 $(#id,.class,标签选择器)<br>
表单选择器
使用 dom对象的type属性定位
语法，$(":type属性值")<br>
例如$(":text") 定位所有text表单<br>
过滤器<br>
是一个字符串用来筛选dom的 过滤器 要和选择器一起使用<br>
基本过滤器<br>
选择第一个对象 $(":button:first")<br>
选择最后一个对象 $(":text:last");<br>
指定下标的对象 $("选择器:eq(下标)")<br>
选择指定小于下标的对象 $("选择器:lt(下标)")<br>
选择大于指定下标的对象 $("选择器:gt(下标)")<br>
表单属性过滤器<br>
根据dom对象的状态 过来dom对象的状态有启用，不可用的，选中的
可用的，$(":text:enabled")<br>
不可用的: $(":text:disabled")
单选或复选框选中的 $(":radio:checked")
下拉列表框选中 $("选择器>option:selected")
函数
val ：获取或设置dom对象的value属性 值
text 读取或设置标签文本内容的
attr 读取或设置标签的某个属性值
remove 删除dom和子对象的
append 添加dom对象
html 读取或设置标签 文本值 操作innerHtml
each ：循环
普通数组
json对象
dom数组<br>
each语法
$.each(循环对象，function(i,n){})
jquery对象.each(function(i,n){})<br>
jquery处理事件
绑定事件，jquery对象.事件名称（事件处理函数）<br>
按钮单击 $("#btn").click(function(){按钮单击})<br>
on绑定事件 jquery对象.on（事件名称，function（）{}）<br>
按钮单击 $("#btn").on("click",function(){})
jquery处理ajax请求 使用函数
核心 $.ajax
使用json参数格式 请求的各种参数
json格式的内容
url请求地址
type 请求的方式 get或post 默认是get
data 请求的参数 使用json比较多
dataType期望服务器返回的数据格式 xml json html
success 指定一个函数当服务器返回数据时 自动执行这个函数<br>
error 指定一个函数当错误时执行这个函数
contentType 数据格式 可以不写<br>
0 条评论
下一页
为你推荐
查看更多
