い南秋乱港

JQ 动态操作元素js写法：创建:createElement(),插入:appendChild()/insertBefore()删除: removeChild()JS的步骤创建元素 createElement设置所需要的属性或者样式插入到当前文档中JQ动态操作元素属性JQ在动态操作元素的整个过程中, 弱化了创建元素的步骤, 我们着重关心的是如何添加元素到文档创建元素, $()传入htmlstring 用于创建元素var jqDiv

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

JQ 通过节点间关系查找元素parent()查找节点的父节点 parent()$("#div3").parent().css("background-color", "#0000FF");parents()查找节点的所有直系祖先节点 parents()，还可以通过给parents()传入选择器进一步对要获取的祖先元素做筛选$("#div7").parents().css("background", "#0000FF");$("#div7").parents(".aaa").c

JQ获取元素尺寸获取元素的尺寸width(), height()返回的是元素的宽度和高度(不包含padding, border, margin)console.log($("#div3").width(), $("#div3").height());innerWidth(), innerHeight()返回元素的宽度和高度(包含padding, 不包含border和margin)console.log($("#div3").innerWidth(),$("#div3").inne

JQ操作DOM获取元素js写法：getElementxxxx等方法, querySelector等方法jq写法: $(“选择器”)操作元素内容js写法: innerHTML, innerText, textContent, valuejq写法: html(), text(), val()jq对象.html() 相当于innerHTMLjq对象.text() 相当于innerTextjq对象.val() 相当于value注：html()在设置时, 如果jq对象里有多个do

JQ 基础续JQ操作classjs操作classDOM元素 . classNamevar div1 = document.querySelector("div");div1.className = "bgc fontS fontC";div1.className = "fontS";JQ操作class设置classJq对象.addClass("class名1 class名2 ...");Jq对象.addClass(function(){});删除classJq对象

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提供的方法和属性, 不能