![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JQ 学习笔记
JQ 学习过程中的笔记总结
believealone
这个作者很懒,什么都没留下…
展开
-
JQ 元素创建插入删除篇
JQ 动态操作元素 js写法: 创建:createElement(), 插入:appendChild()/insertBefore() 删除: removeChild() JS的步骤 创建元素 createElement 设置所需要的属性或者样式 插入到当前文档中 JQ动态操作元素属性 JQ在动态操作元素的整个过程中, 弱化了创建元素的步骤, 我们着重关心的是如何添加元素到文档 创建元素, $()传入htmlstring 用于创建元素 var jqDiv原创 2020-12-08 14:28:43 · 159 阅读 · 0 评论 -
JQ 事件篇
JQ 事件 JQ的事件绑定 jq对象 . 事件名( 回调函数 ) $().click(function(){}); //例: $("#div1").click(function(e){ var even = e || event; console.log("div1的事件触发!", even); }); jq对象 . on() JQ推荐的 绑定事件的方式 $().on() on() 基础绑定事件 语法: $().on(“事件类型”, 回调函数); $("#div1").on原创 2020-12-08 14:28:14 · 136 阅读 · 0 评论 -
JQ 节点关系查找元素篇
JQ 通过节点间关系查找元素 parent() 查找节点的父节点 parent() $("#div3").parent().css("background-color", "#0000FF"); parents() 查找节点的所有直系祖先节点 parents(),还可以通过给parents()传入选择器进一步对要获取的祖先元素做筛选 $("#div7").parents().css("background", "#0000FF"); $("#div7").parents(".aaa").c原创 2020-12-08 14:27:40 · 343 阅读 · 0 评论 -
JQ 获取元素尺寸+方法的扩充篇
JQ获取元素尺寸 获取元素的尺寸 width(), height() 返回的是元素的宽度和高度(不包含padding, border, margin) console.log($("#div3").width(), $("#div3").height()); innerWidth(), innerHeight() 返回元素的宽度和高度(包含padding, 不包含border和margin) console.log($("#div3").innerWidth(),$("#div3").inne原创 2020-12-08 14:26:14 · 160 阅读 · 0 评论 -
JQ 操作属性内容篇
JQ操作DOM 获取元素 js写法:getElementxxxx等方法, querySelector等方法 jq写法: $(“选择器”) 操作元素内容 js写法: innerHTML, innerText, textContent, value jq写法: html(), text(), val() jq对象.html() 相当于innerHTML jq对象.text() 相当于innerText jq对象.val() 相当于value 注: html()在设置时, 如果jq对象里有多个do原创 2020-12-08 14:25:33 · 226 阅读 · 0 评论 -
JQ 操作class+动画篇
JQ 基础续 JQ操作class js操作class DOM元素 . className var div1 = document.querySelector("div"); div1.className = "bgc fontS fontC"; div1.className = "fontS"; JQ操作class 设置class Jq对象.addClass("class名1 class名2 ..."); Jq对象.addClass(function(){}); 删除class Jq对象原创 2020-12-08 14:16:32 · 739 阅读 · 0 评论 -
JQ css操作+与DOM转换+伪类选择器篇
JQ 基础 Jquery 是对javascript的封装库, 可以让书写JS更快速更高效 jq 1.x.x 支持低版本的ie浏览器 jq 2.x.x 不支持低版本的ie 较稳定的版本 jq 3.x.x 也不支持ie低版本 JQ获取元素 语法: $(“选择器”); 返回值: 是一个jquery对象 **注:**只要通过$()方法, 得到的一定是一个jq对象, 而不是dom元素或者元素的集合; jq对象 有自己的方法和属性, 如果当前得到的是一个jq对象, 那么只能去使用jq提供的方法和属性, 不能原创 2020-12-08 14:12:45 · 333 阅读 · 0 评论