jQuery学习笔记

最新推荐文章于 2025-06-12 21:09:05 发布

2401_85124130

最新推荐文章于 2025-06-12 21:09:05 发布

阅读量807

点赞数 16

文章标签： jquery 学习笔记

本文链接：https://blog.youkuaiyun.com/2401_85124130/article/details/139708237

版权

class:$(“.class值”)

标签:$(“标签名”)

所有元素:$(“*”)

多个选择器:$(“选择器,选择器…”)用逗号隔开

设置样式:$(“选择器”).css(“值,值”);

多种选择器: $(“选择器,选择器…”).css(“值,值”);多个选择器用

层次选择器★

a b : a的所有b后代;

a>b: a的所有b儿子,不包括孙子…

a+b: a的下一个兄弟

a~b: a的所有弟弟

基本过滤选择器

:first ：第一个

:last ：最后一个

:even ：索引为偶数

:odd ：索引为奇数

:eq ：指定索引

:gt ：索引大于

:lt ：索引小于

内容过滤选择器:

:has(“选择器”) ：包含指定选择器的选择器

可见过滤选择器:

:hidden ： (不可见)在页面不展示元素一般值input type=”hidden 和样式中display

:visible ：可见的

属性过滤选择器★

[属性名]

[属性名=”值”]

表单过滤选择器

:input 所有表单子标签 input select textarea button

表单对象属性过滤选择器

:enabled 可用的

:disabled 不可用的

:checked

:selected

属性和css操作总结★★★

attr()

prop()

css()

addClass()

对属型的操作

attr() 设置或者获取元素的属性

方式1: attr (“属性名称”)

方式2: 设置一个属性 attr(“属性名称”,”值”)

方式3: 设置多个属性

attr({

“属性1”:”值1”

})

删除一个属性:removeAttr(“属性名称”):移除指定属性

注意:获取不了checked属性,需要使用prop

prop()使用方法和attr相似

添加class属性

addClass(“指定的样式值”) 等价于 attr(“class” , 注意“值”)

清除 removeClass(“class值”);

对css操作

操作元素的style属性

css():获取或者设置css样式

方式一:获取:css(“属性名”)

方式二: 设置一个属性 css( (“属性名” , ”值”)

方式三: 设置多个属性

css( {

“属性1”:”值1”

“属性2”:”值2”

})

获取元素的尺寸 width() height()

设置获取标签体内容 :

html() text()

设置的区别:

html:会把字符串解析(可以获取样式和标签)

text:只做为普通的字符串(只能将内容作为普通字符串)

获取的区别:

html:会获取内容的标签样式

text:只获取普通文本内容

使用方法:

获取

Jquery对象.html()

Jquery对象.text()

设置

jquery对象.html(“内容”)

Jquery对象.text(“内容”)

文档操作

内部插入

append: a.append© 将c插入到a的内部标签后面

prepend: a.prepend©:将c插入到a的内部的前面

appendTo: a.appendTo©:将a插入到c的内部标签后面

prependTo: a.prepend©:将a插入到c的内部的前面

外部插入

a.after©:将c放到a的后面

a.before©:将c放到a的前面

a.insertAfter©

a.insertBefore©

删除

empty () 清空元素

remove() 删除元素

遍历数组

方式一:jquery对象 . each ( function( index , value ){} )

方式二: $.each( jquery对象,function(index,value){})

在jquery中创建元素

$(“<标签名>”).prop(属性).html(内容)

ajax

Jquery中的ajax

Jquery对象.load ( url, params , function ( 数据) { } );

★:$.get ( url , params , function(数据) { } , type ) ;

发送get请求的ajax

url:请求的路径

params:请求的参数参数为key\value的形式key=value {“”:“”,“”:“”}

fn:回调函数参数就是服务器发送回来的数据

type:返回内容格式，xml,html, script, json, text, _default。以后用"json"

★:$.post ( url , params , function ( 数据 ) { } , type );

发送post请求的ajax

若结果为json格式, 打印返回值的时候是一个对象

例如若json为{“result”:“success”,“msg”:“成功”}

获取msg只需要参数.msg

var url = baseURL + “srexaminerule/list”;

var params = { “sidx”: “”, “order”:“asc”};

$.post ( url , params , function ( data ) {

var list = data.page.list;

for (var i=0;i<list.length;i++)

{

$(“#select_id”).append(“”+list[i].ruleName+“”);

}

} , “json” );

理解:

$.ajax([选项]);

选项的可选值:

url:请求路径

type:请求方法

data:发送到服务器的数据

success:fn成功以后的回调

error:fn异常之后的回调

dataType:返回内容格式经常使用json

async:设置是否是异步请求

例如:

TCP协议

TCP 和 UDP 的区别？
TCP 三次握手的过程？
为什么是三次而不是两次、四次？
三次握手过程中可以携带数据么？
说说 TCP 四次挥手的过程
为什么是四次挥手而不是三次？
半连接队列和 SYN Flood 攻击的关系
如何应对 SYN Flood 攻击？
介绍一下 TCP 报文头部的字段
TCP 快速打开的原理(TFO)
说说TCP报文中时间戳的作用？
TCP 的超时重传时间是如何计算的？
TCP 的流量控制
TCP 的拥塞控制
说说 Nagle 算法和延迟确认？
如何理解 TCP 的 keep-alive？

浏览器篇

浏览器缓存?
说一说浏览器的本地存储？各自优劣如何？
说一说从输入URL到页面呈现发生了什么？
谈谈你对重绘和回流的理解
XSS攻击
CSRF攻击
HTTPS为什么让数据传输更安全？
实现事件的防抖和节流？
实现图片懒加载？

次？

半连接队列和 SYN Flood 攻击的关系
如何应对 SYN Flood 攻击？
介绍一下 TCP 报文头部的字段
TCP 快速打开的原理(TFO)
说说TCP报文中时间戳的作用？
TCP 的超时重传时间是如何计算的？
TCP 的流量控制
TCP 的拥塞控制
说说 Nagle 算法和延迟确认？
如何理解 TCP 的 keep-alive？

[外链图片转存中…(img-nA64PSG9-1718455733702)]

浏览器篇

浏览器缓存?
说一说浏览器的本地存储？各自优劣如何？
说一说从输入URL到页面呈现发生了什么？
谈谈你对重绘和回流的理解
XSS攻击
CSRF攻击
HTTPS为什么让数据传输更安全？
实现事件的防抖和节流？
实现图片懒加载？