Loading

随笔分类 -  jQuery

快速、简洁的经典框架
DOM0和DOM2事件
摘要：1.触发次数 零级事件只能注册一次，如果注册多次，后面的会覆盖前面的 btn.onclick = function () { alert(1) } btn.onclick = function () { alert(2) } 二级时间可以给同一个事件注册多次，而且会依次触发 btn.addEvent 阅读全文
posted @ 2021-05-18 08:32 大黄树 阅读(78) 评论(0) 推荐(0)
jQuery清空元素和克隆元素
摘要：1.清空 $(function () { $('#btn').click(function () { $('#ul1').html('') $('#ul1').empty() $('#ul1').remove() }) }) 2.克隆 JS原生克隆cloneNode()，原生浅克隆只克隆元素，深克隆 阅读全文
posted @ 2021-04-29 14:31 大黄树 阅读(104) 评论(0) 推荐(0)
jQuery两种方法添加数据表格到HTML
摘要：jQ创建表格的两种方法 1.模板字符串法 $(function () { //模板字符串的方式添加到页面 $('#btn').click(function () { let str = '' data.forEach(function (value) { str += ` <tr> <td>${va 阅读全文
posted @ 2021-04-29 14:27 大黄树 阅读(480) 评论(0) 推荐(0)
原生JS和jQuery创建元素的方法
摘要：jQ创建元素的方法 1.原生代码 .creatElement('tr')` .innerHTML = '<h1>加油</h1>' document.write('<h1>加油</h1>') 2.jQ代码 .html('加油')//会覆盖 A.append('<p>加油</p>')//不会覆盖，添加到 阅读全文
posted @ 2021-04-29 14:25 大黄树 阅读(149) 评论(0) 推荐(0)
jQ的显式迭代和隐式迭代
摘要：jQ的显示迭代 隐式迭代 let lis = document.querySelector('li') lis.forEach(function (value, index) { value.style.opacity = (index + 1) //随着li的增加，越来越不透明 }) 显示迭代 / 阅读全文
posted @ 2021-04-29 14:24 大黄树 阅读(107) 评论(0) 推荐(0)
jQ的四类基本选择器
摘要：jQuery的四种选择器 jQ选择器与css选择器本质上相差不大，但是在使用容易混淆格式或属性 1.基础选择器 $('#id名') $('.类名') $('.类名1 .类名2') $('标签名.类名') 2.层级选择器 1.子代：> children $('基础选择器1>基础选择器2')//,代表选 阅读全文
posted @ 2021-04-28 14:29 大黄树 阅读(925) 评论(0) 推荐(0)
jQ的隐式迭代和设置样式属性
摘要：jQ中的隐式迭代 意义：不需要原生迭代了，在jQ内部自动帮你实现了循环 代码实现: let arr = document.querySelectorAll('li') for(let i = 0;i < liArr.length;i++) { arr[i].onclick = function () 阅读全文
posted @ 2021-04-28 11:57 大黄树 阅读(76) 评论(0) 推荐(0)
jQuery的入口和jQurey的对象切换
摘要：jQuery jQuery的导入 通过script标签的src属性，link标签是导入层叠样式表 jQuery和原生JS的入口函数 1.jQ在页面结构加载完毕就会执行 原生JS的入口函数是等图片、层叠样式、DOM树加载等内容加载完毕才会执行，代码如下： window.onload = functio 阅读全文
posted @ 2021-04-27 10:16 大黄树 阅读(65) 评论(0) 推荐(0)