
js
Week.D.Awn
人云亦云,并不会让你变得有多优秀,而会让你越来越随大流。
展开
-
jQuery找祖先和子孙节点方法
$("span").closest("ul") //找span的祖先ul$("ul").find("span") //找ul的子孙span$(selector).find(filter)find() 方法返回被选元素的后代元素。后代是子、孙、曾孙,依此类推。**DOM 树:**该方法沿着 DOM 元素的后代向下遍历,直至最后一个后代的所有路径()。**注意:**filter 参数在...原创 2019-12-30 19:47:48 · 5222 阅读 · 2 评论 -
js分别获取object的键和值
let obj = { "id": 23, "name": "weekdawn"}1.获取键(key)Object.keys(obj)//["id", "name"]2.获取值(values)Object.values(obj)//[23, "weekdawn"]PS:Object.key()和Object.values()方法都是返回一个数组,成员是参数...原创 2019-12-30 19:47:08 · 2857 阅读 · 0 评论 -
js显示当前时间(时分秒)
页面:<div id="txt"></div>js部分:function startTime() { var today = new Date(); var h = today.getHours(); var m = today.getMinutes(); var s = today.getSeconds(); // 在 nu...原创 2019-12-30 19:46:20 · 4862 阅读 · 1 评论 -
js获取当前时间(年-月-日 时:分:秒)
直接拷贝函数即可使用function nowTime() {//获取当前时间 let now= new Date(); let _month = ( 10 > (now.getMonth()+1) ) ? '0' + (now.getMonth()+1) : now.getMonth()+1; let _day = ( 10 > now.getDate() )...原创 2019-12-30 19:44:15 · 6856 阅读 · 0 评论 -
js当前页面打开新页面,并传递参数。(window.open方法)(最简单的操作,最少的代码量)
父页面传数据的操作://要发送的参数let params = { "type": "red", "id": 25, "name": "weekdawn"};window["filter"] = params;window.open("https://blog.youkuaiyun.com/weekdawn");子页面接收数据的操作:let receive = windo...原创 2019-12-30 19:43:24 · 12765 阅读 · 2 评论 -
关于js动态加载html元素,html中绑定的click事件不生效的解决办法
出现这种情况,其实是不清楚js事件委托的原理,就是指未来还不清楚会创建多少个节点,所以暂时没办法直接给他们注册事件。因为javascript在dom载入之前,就已经把js加载了。比如:js动态加载如下标签:<button id="query">查询</button>js中的绑定事件如下: $("#query").click(function () { ...原创 2019-12-23 23:10:30 · 4520 阅读 · 0 评论 -
js给多个具有相同class的元素绑定同一个事件或者样式
<button class="btn1">month1</button><button class="btn1">month2</button><button class="btn1">month3</button>若要给上面3个都具有btn1的class的按钮,添加同样的点击事件,则如下操作:$(".btn1")....原创 2019-12-23 22:27:39 · 10407 阅读 · 2 评论 -
js给具有多个class属性的元素添加点击事件
元素:<button class="c-btn query">查询</button>方法1:$('.c-btn.query').click(function () { query();}方法2:$("body").on('click','.c-btn.query',function () { query();});方法1有时候不奏效,可以选择方法2...原创 2019-12-23 22:26:37 · 4809 阅读 · 0 评论 -
输入框输入完后,点击回车触发查询按钮
<input id="source_name" type="text" placeholder="请输入资源名称" /><button id="query">查询</button>若要在上面的输入框输入完信息后,点击回车触发查询按钮,则如下操作:$("#source_name").keydown(function(e){ if(e.keyCode...原创 2019-12-23 22:21:43 · 3219 阅读 · 0 评论 -
js之如何解析后台传过来的json字符串
两种方法:1.使用eval()方法var obj = eval("(" + str + ")");2.使用JSON.parse()方法var obj = JSON.parse(data);ps:JSON.parse()和eval()有何区别?解析json的方式通常用JSON.parse(),但是eval()方法也可以解析。JSON.parse()可以解析json格式的数据,并且...原创 2019-12-23 22:19:58 · 1451 阅读 · 0 评论 -
js中使用append()方法,避免出现重复追加的方法
场景:触发点击按钮事件后,开始用append()加载列表,并且显示列表。如图1:问题:多次点击按钮出现重复列表的情况。解决办法:在点击事件加载列表之前,先使用empty()方法移除元素的的所有子节点和内容 。示例代码:$("#add").click(function () { $("#list_id").empty(); for(let i of array...原创 2019-12-23 21:51:03 · 40257 阅读 · 0 评论 -
js输入框结束后,回车触发点击按钮事件
功能:输入框结束后,回车触发click()事件JS脚本://将输入框id和按钮id,改成对应的id即可$("#输入框id").keydown(function(e){if(e.keyCode == 13){ $("#按钮id").click();}});...原创 2019-08-08 13:10:19 · 8981 阅读 · 0 评论