jQuery

2023-05-26 0 1,052

jQuery如是说

jQuery是对JavaScript的PCB,它是完全免费、开放源码的JavaScript表达式库,jQuery 很大地精简了 JavaScript 程式设计

jQuery和JavaScript它的作用那样,都是负责管理页面犯罪行为操作方式,减少页面和采用者的可视化效用的,或者说jQuery精简了JavaScript程式设计,jQuery同时实现可视化效用更单纯

jQuery的浏览门牌号:

https://code.jquery.com

jQuery用语

jQuery导入

jQuery

jQuery的出口处表达式:

而jQuery提供更多了ready表达式它的速率比原生植物的 window.onload 更快

jQuery示例

jQuery选择器的类型:

条码示例是依照条码萨兰勒班县优先选择条码类示例是依照类萨兰勒班县优先选择条码id示例是依照id来优先选择条码层次示例是依照层次亲密关系来优先选择条码特性示例是依照特性萨兰勒班县优先选择条码

推论条码与否优先选择获得成功:

能采用length特性来推论条码与否优先选择获得成功, 假如length小于0则表示优先选择获得成功,不然优先选择失利

优先选择集过滤器

优先选择集过滤器就是在优先选择条码的集合里面过滤器自己需要的条码

①has(示例名称)方法,则表示选取包含指定示例的条码

②eq(索引)方法,则表示选取指定索引的条码

优先选择集转移

$(#box).prev(); 则表示优先选择id是box元素的上一个的同级元素

$(#box).prevAll(); 则表示优先选择id是box元素的上面所有的同级元素

$(#box).next(); 则表示优先选择id是box元素的下一个的同级元素

$(#box).nextAll(); 则表示优先选择id是box元素的下面所有的同级元素

$(#box).parent(); 则表示优先选择id是box元素的父元素

$(#box).children(); 则表示优先选择id是box元素的所有子元素

$(#box).siblings(); 则表示优先选择id是box元素的其它同级元素

$(#box).find(.myClass); 则表示优先选择id是box元素的class等于myClass的元素

html方法

给指定元素追加html内容采用: append方法

采用css方法能给条码设置样式特性

通过prop方法来完成

ue特性:

通过val方法来完成,更加单纯和方便

jQuery事件

常用事件:

click() 鼠标单击

blur() 元素失去焦点

focus() 元素获得焦点

mouseover() 鼠标进入(进入子元素也触发)

mouseout() 鼠标离开(离开子元素也触发)

ready() DOM加载完成

事件代理

事件代理:

事件代理就是采用父元素来代理子元素的事件,好处是减少事件的绑定次数,提高性能

事件代理采用场景:

采用场景当多个相同的子元素绑定同一个事件,能采用事件代理

事件代理方法:

事件代理是采用delegate方法来完成

JavaScript对象

JavaScript 中的所有事物都是对象:字符串、数值、数组、表达式等都能认为是对象,此外,JavaScript 允许自定义对象,对象能拥有特性和方法

创建自定义javascript对象有两种方式:

①通过顶级Object类型来实例化一个对象

②通过对象字面量创建一个对象

JSON

(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式

采用完全独立于程式设计语言的文本格式来存储和则表示数据,简洁和清晰的层次结构使

得 JSON 成为理想的数据交换语言

JSON的优点:

易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率

JSON的格式:

①对象格式

②数组格式

对象格式:

对象格式的JSON数据,采用一对大括号({}),大括号里面放入key:value形式的键值对,多个键值对采用逗号分隔

数组格式:

数组格式的JSON数据,采用一对中括号([]),中括号里面的数据采用逗号分隔

JSON本质上是字符串,假如在js中操作方式JSON数据,能将JSON字符串转化为JavaScript对象

ajax

一次完整的请求后,浏览器会接受到html,css,js,图片等大量的数据

ajax的如是说

ajax 是 Asynchronous JavaScript and XML的简写,ajax一个前后台配合的技术,它能,ajax 最大的优点是同时实现局部刷新,ajax能发送当前端页面想和后台服务器进行数据可视化就能采用ajax了

ajax的同时实现

jquery将它PCB成了一个方法$.ajax()

我们能直接用这个方法来执行ajax请求

ajax方法的参数说明:

url 请求门牌号

type 请求方式,默认是GET,常用的还有POST

dataType 设置返回的数据格式,常用的是json格式

data 设置发送给服务器的数据,没有参数不需要设置

success 设置请求获得成功后的回调表达式

error 设置请求失利后的回调表达式

async 设置与否异步,默认值是true,则表示异步,一般不用写

ajax的简写方式:

$.ajax按照请求方式能简写成

$.get或者$.post方式

$.get和$.post方法的参数说明:

$.get(url,data,success(data, status, xhr),dataType).error(func) $.post(url,data,success(data, status, xhr),dataType).error(func)

url 请求门牌号

data 设置发送给服务器的数据,没有参数不需要设置

success 设置请求获得成功后的回调表达式

data 请求的结果数据

status 请求的状态信息, 比如: “success”

xhr 底层发送http请求XMLHttpRequest对象

dataType 设置返回的数据格式

“xml”

“html”

“text”

“json”

error 则表示错误异常处理

func 错误异常回调表达式

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务