赞助
posts - 449,comments - 12,views - 11万

随笔分类 -  jquery

1 2 下一页
jq data方法
摘要:data() 是 jQuery 的方法之一,用于在元素上存储和获取数据。它允许你将任意类型的数据附加到一个或多个元素上,并且可以通过选择器或元素对象来访问和操作这些数据。 代码中,_t.selectBody.data('inside', _t.opts.inside) 的作用是将 _t.opts.i 阅读全文
posted @ 2023-12-20 10:11 Tsunami黄嵩粟 阅读(290) 评论(0) 推荐(0) 编辑
前端禁用复制
摘要://禁用复制 disableTextSelection: function () { // 给特定的元素添加自定义属性 $("body").attr("oncontextmenu", "window.event.returnValue=false"); //禁用了鼠标右键点击时的上下文菜单。 $(" 阅读全文
posted @ 2023-11-14 10:19 Tsunami黄嵩粟 阅读(54) 评论(0) 推荐(0) 编辑
$.extend 和 $.fn.extend
摘要:$.extend 和 $.fn.extend 都是 jQuery 提供的方法,用于扩展 jQuery 的功能。它们的区别在于作用对象和使用场景不同。 $.extend({}): $.extend 用于扩展 jQuery 的工具方法,而不是jQuery对象本身。通过 $.extend,您可以向 jQu 阅读全文
posted @ 2023-11-10 10:16 Tsunami黄嵩粟 阅读(75) 评论(0) 推荐(0) 编辑
获取月份的自然周
摘要://获取当前月有几周 getWeeks(year, month) { var d = new Date(); // 该月第一天 d.setFullYear(year, month - 1, 1); var w1 = d.getDay(); if (w1 == 0) w1 = 7; // 该月天数 d 阅读全文
posted @ 2022-12-12 17:42 Tsunami黄嵩粟 阅读(73) 评论(0) 推荐(0) 编辑
用echarts做兼容ie8的三测单(体温单) 代码全
摘要:$.fn.extend({ /** * * @param { * UrineOutputData: 尿量数据 * OutputData: 出量数据 * InputData: 入量数据 * shitData: 大便数据 * pressureData: 血压数据 * pulseData: 脉搏数据 * 阅读全文
posted @ 2022-11-06 16:15 Tsunami黄嵩粟 阅读(1277) 评论(8) 推荐(2) 编辑
ES5的继承语法
摘要:<!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-16 17:50 Tsunami黄嵩粟 阅读(75) 评论(0) 推荐(0) 编辑
jquery的全局函数 多库并存
摘要:// jQuery的全局函数 , 也称钩子函数 // 所谓的钩子函数 是 与 其他函数绑定的函数 // 作用是 监听 函数的执行 当函数执行到某个状态时,执行钩子函数对应的程序 // 提前绑定好 以这个函数相关的其他程序 // 当这个函数执行到某个步骤或者状态时,会自动执行 挂钩的钩子函数 // 所 阅读全文
posted @ 2020-12-16 17:09 Tsunami黄嵩粟 阅读(116) 评论(0) 推荐(0) 编辑
jquery中封装了三种ajax请求方式
摘要:// jQuery中封装了3种 ajax 请求方式 // 1, get请求方式 // 2, post请求方式 // 3, 综合请求方式 // 1, get请求方式 // 语法 : $().get( {以对象的形式,定义4个参数} ) // 只有 url地址,是必要参数,其他可以不写 // get方式 阅读全文
posted @ 2020-12-10 13:56 Tsunami黄嵩粟 阅读(303) 评论(0) 推荐(0) 编辑
jquery的树状菜单
摘要:<body> <ul> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> </ol> </li> <li>一级菜单 <ol> <li>二级菜单</li> <li>二级菜单</li> <li>二级菜单</li> 阅读全文
posted @ 2020-12-10 13:39 Tsunami黄嵩粟 阅读(152) 评论(0) 推荐(0) 编辑
自定义动画 jquery的结束动画
摘要:<button name="width">改变宽</button> <button name="height">改变高</button> <button name="all">改变宽高</button> <div></div> <script src="./jquery.min.js"></scri 阅读全文
posted @ 2020-12-10 13:33 Tsunami黄嵩粟 阅读(150) 评论(0) 推荐(0) 编辑
jquery的折叠动画 渐隐渐显动画
摘要:<button name="up">折叠隐藏</button> <button name="down">折叠显示</button> <button name="toggle">折叠切换</button> <div></div> <script src="./jquery.min.js"></scri 阅读全文
posted @ 2020-12-10 11:49 Tsunami黄嵩粟 阅读(99) 评论(0) 推荐(0) 编辑
jquery的节点的替换 节点的克隆
摘要:// 节点的替换 / 标签的替换 // 1 , $('已有标签').replaceWith(替换的新的标签) // 替换所有 // 将已有的span标签,替换成 超链接a 标签 $('span').replaceWith( $('<a href="http://www.baidu.com">百度</ 阅读全文
posted @ 2020-12-10 11:26 Tsunami黄嵩粟 阅读(95) 评论(0) 推荐(0) 编辑
jquery浏览器的上卷高度 节点的创建和写入 节点的删除
摘要:// js 的兼容语法 // let scrollT = document.documentElement.scrollTop || document.body.scrollTop; // jq 直接定义,jq来处理兼容问题 // $(window).scrollTop() // $(window) 阅读全文
posted @ 2020-12-10 11:13 Tsunami黄嵩粟 阅读(85) 评论(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黄嵩粟 阅读(59) 评论(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黄嵩粟 阅读(199) 评论(0) 推荐(0) 编辑
特殊事件的绑定
摘要:jQuery 1,选择器 支持所有html和css允许的语法 注意: (1),操作结果一定是一个伪数组 jQuery获取的伪数组不能直接使用js语法进行操作 js语法获取的标签对象,也不能使用jQuery来操作 (2),转化: $()[索引] jQuery转js,只能是js语法操作 $(js标签对象 阅读全文
posted @ 2020-12-10 11:04 Tsunami黄嵩粟 阅读(58) 评论(0) 推荐(0) 编辑
jquery的绑定和删除
摘要:// 基本语法形式 $().on( 事件类型 , 事件处理函数 ) // 删除事件处理函数 // 必须绑定的是 函数名称 才能删除 绑定的事件处理函数 // $().off( 事件类型 , 事件处理函数名称 ) // $('div').on( 'click' , ()=>{ // console.l 阅读全文
posted @ 2020-12-10 10:57 Tsunami黄嵩粟 阅读(99) 评论(0) 推荐(0) 编辑
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黄嵩粟 阅读(146) 评论(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黄嵩粟 阅读(144) 评论(0) 推荐(0) 编辑
jquery的属性操作
摘要:// jQuery的属性操作 // 布尔属性使用 prop() 来操作 // 其他的属性使用 attr() 来操作 // 标签对象.prop( 属性 , 属性值 ) 设定属性 // 标签对象.attr( 属性 , 属性值 ) 设定属性 // 标签对象.prop( 属性 ) 获取属性的属性值 // 标 阅读全文
posted @ 2020-12-09 19:01 Tsunami黄嵩粟 阅读(62) 评论(0) 推荐(0) 编辑

1 2 下一页
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

支付宝打赏