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