jQuery
文章平均质量分 70
EchoByCode
这个作者很懒,什么都没留下…
展开
-
jQuery-07-事件处理
1.1 单个事件注册 $(“div”).click(function(){ 事件处理程序 }) 1.2 on() 绑定事件 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 1.3 off() 解绑事件 off() 方法可以移除通过 on() 方法添加的事件处理程序。 1.4 demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met原创 2022-02-03 21:15:00 · 63 阅读 · 0 评论 -
jQuery-06-元素操作
1.1 遍历元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <ti原创 2022-02-03 20:30:00 · 63 阅读 · 0 评论 -
jQuery-05-内容文本值操作
1.1 普通元素内容 html() 相当于原生inner HTML html() // 获取元素的内容 html(''内容'') // 设置元素的内容 1.2 普通元素文本内容 text() 相当于原生 innerText text() // 获取元素的文本内容 text(''文本内容'') // 设置元素的文本内容 1.3 表单的值 val() 相当于原生value val() // 获取表单的值 val(''内容'') // 设置表单的值 1.4 demo <!DOCTYPE html>原创 2022-02-03 20:00:00 · 88 阅读 · 0 评论 -
jQuery-04-属性操作
1.1 获取属性 prop(''属性'') 1.2 设置属性语法 prop(''属性'', ''属性值'') 1.3 设置或获取元素自定义属性值 attr() attr(''属性'') // 类似原生 getAttribute() attr(''属性'', ''属性值'') // 类似原生 setAttribute() 1.4 数据缓存 data() data() 方法可以在指定的元素上存取数据,并不会修改 DOM 元素结构。一旦页面刷新,之前存放的数据都将被移除。 data(''name'',''v原创 2022-02-03 19:45:00 · 55 阅读 · 0 评论 -
jQuery-03-样式操作
1.1 操作 css 方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &原创 2022-02-03 01:30:00 · 665 阅读 · 0 评论 -
jQuery-02-选择器
1、基础选择器 $(“选择器”) // 里面选择器直接写 CSS 选择器即可,但是要加引号 1.1 jQuery 基础选择器分类 1.2 jQuery 层级选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-02-03 01:15:00 · 640 阅读 · 0 评论 -
jQuery-01-简介
1、JQuery简介 就是一个JavaScript库,为了快速方便的操作DOM,里面基本都是函数(方法). 1.1 jQuery 对象和 DOM 对象 只有 jQuery 对象才能使用 jQuery 方法,DOM 对象则使用原生的 JavaScirpt 方法。 1. 用原生 JS 获取来的对象就是 DOM 对象 2. jQuery 方法获取的元素就是 jQuery 对象。 3. jQuery 对象本质是: 利用$对DOM 对象包装后产生的对象(伪数组形式存储)。 1.2 jQuery 对象转换为 DO原创 2022-02-03 01:00:00 · 658 阅读 · 0 评论