jquery笔记

tech2024-11-07  21

回顾

如何定义一个字面量对象

let 变量名 = { 属性名:, 属性名:, ... 方法名:function(参数){}, 方法名(参数){} };

内置对象

Number

parseIntNaN 非数字

Math

ceilfloorroundrandom => [0,1)

Date(*)

new Date()new Date(毫秒值)getFullYear()getMonth() + 1getDate()getTime() => 返回是毫秒值

RegExp(*)

/^...$/[abc][a-z][A-Z][0-9]. 表示任意字符\. 真正小数点{n} 固定n次{m, n} 从m到n次{m, } 从m到无穷\w [a-zA-Z0-9_]\d [0-9]+ * ?

Array(*)

push、pop、shift、遍历,

join(“分隔符”) 把数组元素拼接为字符串

for(let x of 数组) { }

Set

Map

JSON(*)

JSON.stringify(js 对象)JSON.parse(json字符串) => js对象

表单校验案例(提交事件)

document.getElementById("form标签").onsubmit = function() { // 返回 true 可以提交 // 返回 false 阻止提交 if(! /^正则$/.test(目标字符串)) { // 显示错误提示信息 return false; } }

BOM

单次定时器

window.setTimeout(函数,毫秒值); //clearTimeout

间隔定时器

window.setInterval(函数,间隔毫秒值); // clearInterval

js 跳转页面

location.href=“新页面地址”;

今日内容 - jquery

基本语法

$(参数) : $函数能够执行很多功能,因此有了这个名字

js对象转为jquery对象配合选择器查找元素可以创建元素

转换

js 对象 => jquery 对象: $(js 对象 ) 返回jquery对象

jquery 对象 => js 对象 : 通过索引 jquery对象[索引],底层是一个数组,因此可以通过索引访问到数组内元素

事件

jquery对象.事件名(function() {

​ // 事件发生后要执行的代码

});

事件的绑定和解绑(了解)

jquery对象.on(“事件名”, function() {

​ // 事件发生后要执行的代码

})

jquery对象.off(“事件名”)

jquery 链式调用

jquery对象.方法1().方法2().方法3()... jquery对象.方法1(); jquery对象.方法2(); jquery对象.方法3()...

选择器(*)

基本选择器(*)

#id值

.class值

标签名

层级选择器

祖先元素 后代元素 (*)

父元素 > 子元素 (*)

元素 + 后一个兄弟

元素 ~ 平级其它兄弟

属性选择器

[属性名] (*)

[属性名=值] 值的两边可以不加单引号(*)

过滤器

:eq(索引) (*)

表单属性选择器

:checked (*)

操作元素(*)

属性(*) prop(“属性名”)prop(“属性名”, “新值”) 文本(*) html() 获取内容html(新内容) 设置新内容,会解析标签 样式 addClass(样式表中定义的样式)removeClass(样式表中定义的样式) 操作对象 父.append(子) (*)子.appendTo(父) (*)对象.remove() // 自己连同子孙后代一起删除(*)对象.empty() // 子孙后代被清空,但自己留下了 (*)创建元素 $("<span>内容</span>") (*)$("<td>") 创建标签 $("td") 选择器,查询所有td
最新回复(0)