Tsunami黄嵩粟 - 博客园

2020年12月10日

摘要： // js 的兼容语法 // let scrollT = document.documentElement.scrollTop || document.body.scrollTop; // jq 直接定义,jq来处理兼容问题 // $(window).scrollTop() // $(window) 阅读全文

posted @ 2020-12-10 11:13 Tsunami黄嵩粟阅读(89) 评论(0) 推荐(0)

标签的占位元素的坐标

摘要： <style> div{ width: 200px; height: 200px; padding: 100px; border: 10px solid #000; margin: 50px; /* 内减模式怪异盒模型 */ /* box-sizing: border-box; */ } </st 阅读全文

posted @ 2020-12-10 11:09 Tsunami黄嵩粟阅读(64) 评论(0) 推荐(0)

jquery的循环 tab切换

摘要： <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> <script src="./jquery.min.js"></script> <script> // jQuery的循环 // 1 , 隐式迭代 // 会自动给伪数阅读全文

posted @ 2020-12-10 11:08 Tsunami黄嵩粟阅读(205) 评论(0) 推荐(0)

特殊事件的绑定

摘要： jQuery 1,选择器支持所有html和css允许的语法注意: (1),操作结果一定是一个伪数组 jQuery获取的伪数组不能直接使用js语法进行操作 js语法获取的标签对象,也不能使用jQuery来操作 (2),转化: $()[索引] jQuery转js,只能是js语法操作 $(js标签对象阅读全文

posted @ 2020-12-10 11:04 Tsunami黄嵩粟阅读(62) 评论(0) 推荐(0)

jquery的绑定和删除

摘要： // 基本语法形式 $().on( 事件类型 , 事件处理函数 ) // 删除事件处理函数 // 必须绑定的是函数名称才能删除绑定的事件处理函数 // $().off( 事件类型 , 事件处理函数名称 ) // $('div').on( 'click' , ()=>{ // console.l 阅读全文

posted @ 2020-12-10 10:57 Tsunami黄嵩粟阅读(105) 评论(0) 推荐(0)

2020年12月9日

jquery的class操作 css样式操作

摘要： <button>切换</button> <div class="div1">123</div> <script src="./jquery.min.js"></script> <script> // JavaScript中,设定class的属性值,会将之前的属性值也覆盖掉 // 如果需要添加新的 c 阅读全文

posted @ 2020-12-09 19:06 Tsunami黄嵩粟阅读(150) 评论(0) 推荐(0)

jquery checkbox的全选和反选

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-12-09 19:03 Tsunami黄嵩粟阅读(148) 评论(0) 推荐(0)

jquery的属性操作

摘要： // jQuery的属性操作 // 布尔属性使用 prop() 来操作 // 其他的属性使用 attr() 来操作 // 标签对象.prop( 属性 , 属性值 ) 设定属性 // 标签对象.attr( 属性 , 属性值 ) 设定属性 // 标签对象.prop( 属性 ) 获取属性的属性值 // 标阅读全文

posted @ 2020-12-09 19:01 Tsunami黄嵩粟阅读(68) 评论(0) 推荐(0)

jquery的筛选器

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-12-09 18:54 Tsunami黄嵩粟阅读(72) 评论(0) 推荐(0)

jquery jquery的选择器

摘要：什么是 jQuery 前端的一个方法库/函数库将很多过功能,封装好,我们可以直接使用官网 https://jquery.com/ 中文 https://jquery.cuishifeng.cn/ jQuery的三大优点 1,强大的选择器机制可以支持所有语法方式获取标签对象 2,优质的隐式迭代阅读全文

posted @ 2020-12-09 18:51 Tsunami黄嵩粟阅读(75) 评论(0) 推荐(0)