jq | 易学教程

Assigning an Array Parsed With jq to Bash Script Array

阅读更多关于 Assigning an Array Parsed With jq to Bash Script Array

问题 I parsed a json file with jq like this : # cat test.json | jq '.logs' | jq '.[]' | jq '._id' | jq -s It returns an array like this : [34,235,436,546,.....] Using bash script i described an array : # declare -a msgIds = ... This array uses () instead of [] so when I pass the array given above to this array it won't work. ([324,32,45..]) this causes problem. If i remove the jq -s , an array forms with only 1 member in it. Is there a way to solve this issue? 回答1: Use jq -r to output a string

Vue 商城的一些小demo（后台添加商品、前台购物车、本地存储的使用）

阅读更多关于 Vue 商城的一些小demo（后台添加商品、前台购物车、本地存储的使用）

demo 商城后台，添加一种商品 <! DOCTYPE html > < html > < head > < meta charset ="utf-8" /> < title ></ title >  < script src ="js/vue.js" ></ script > </ head > < body > < div id ="app" ></ div > < script > new Vue({ el: ' #app ' , template:` < div > < form > 商品名称： < input type = " text " v - model = ' goods_name '/ >  商品价格： < input type = " text " v - model = ' goods_price '/ > < button @click = ' addGoods ' > 添加商品 < / button> < / form> < ul > < li v - for = ' goods in goodsList ' > 商品名称：{{goods.goods_name}} ------- 商品单价：{{goods.goods_price}} < / li> < / ul> < / div> `, data(

jquery插件开发

阅读更多关于 jquery插件开发

;(function($, window, document,undefined) { var Beautifier = function(ele, opt) { //创建对象 this.$element = ele, //接受jq对象 this.defaults = { //默认参数 'color': 'red', 'fontSize': '12px', 'textDecoration': 'none' }, this.options = $.extend({}, this.defaults, opt) //传递的参数和默认参数合并 } Beautifier.prototype = { //对象添加方法 beautify: function() { return this.$element.css({ 'color': this.options.color, 'fontSize': this.options.fontSize, 'textDecoration': this.options.textDecoration }); } } $.fn.myPlugin = function(options) { //把对象的方法添加到jquery方法中 var beautifier = new Beautifier(this, options); //外部传进jq对象和用户配置

jq事件

阅读更多关于 jq事件

JQ中mouseover和mouseenter的区别

阅读更多关于 JQ中mouseover和mouseenter的区别

　　　我最近也在学习JQuery，所以最近对JQ中的一些小问题进行总结，方便学习。　在对于刚开始学习JQ的初学者来说，mouseover事件和mouseenter事件总是傻傻分不清楚，毕竟刚开始学习的时候，需求没那么详细，毕竟俩事件的大致意思都一样 ---就是鼠标移上去，就执行该事件的自定义函数。其实我们自己去看下他们的概念，我想你应该可以从中发现区别于不同：　　　　mouseover：当鼠标指针位于元素上方时，会发生 mouseover 事件。　　　　mouseenter:当鼠标指针穿过元素时，会发生 mouseenter 事件。　　从这里的一个小插曲上，我们应该可以看出，mouseenter是穿过，所以只能触发一次改事件，而mouseover是位于上方，可以想下，如果给div设定了一个mouseover事件，其子孙后代都可以响应改事件，so...一旦鼠标从父级进入自己也会触发这个效果，当从子集回到父级也会触发这种效果。所以，你可以这么理解：mouseenter事件只作用于目标元素，而mouseover最用于目标元素及其后代元素。　　如果还没明白，DOM案例如下：　　JS代码： $(document).ready(function(){ $("div.over").mouseover(function(){ $(".over span").text(x+=1);

Jq学习笔记（7）JQ动画

阅读更多关于 Jq学习笔记（7）JQ动画

一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做动画如此简单! 二.前言本系列文章的实例都是针对某一个技术细节的, 因为我们要学习的是基础知识, 虽然总有人希望要复杂一些的应用示例, 但是我想还是让我们先把基础打牢, 有了扎实的基础凭借每个人的智慧一定能创造出更多更好的应用. 就在写这篇文章的前几天, 还有不止一个同事在为了"弹出层"效果而犯愁. 但是以后再面对这样的功能看过本篇文章的每一个人都可以开心的微笑了. jQuery, make work easy ! 三.从实例开始做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等. 假设有如下需求: 单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层. 单击任何空白区域或者弹出层,弹出层消失. 用原始javascript我们也完全可以完成这个工作. 有以下几点注意事项: 1. 弹出层的位置需要动态计算. 因为触发弹出事件的对象可能出现在页面的任何位置, 比如截图中的位置. 2. 为document绑定单击是关闭弹出层的函数, 要使用多播委托,

逆天的蝈蝈/SFDP

阅读更多关于逆天的蝈蝈/SFDP

3 月，跳不动了？>>> 欢迎使用SFDP3.0超级表单开发平台 SFDP3.0是一个快速构建表单的插件平台 SFDP3.0 前身是TPFD基于Thinkphp开发的可视化表单插件，经过三个版本的迭代更新，发布全新重构的表单设计开发一体的平台。作者相关开源软件 GVP项目PHP开源工作流： http://tpflow.cojz8.com/ 下载地址： https://gitee.com/ntdgg/tpflow 3.0版本主要特性 Characteristic ♥ 可视化表单设计器基于JQ UI的元素拖拽 Draggable Sortable 元素可移动拖拽设计界面布局自定义化 ♥ 动态表单构建器全新动态构建器无实体页面及数据，全部由表单构建器进行管理 ♥ 脚本定义支持 load_satr_fun 页面构建前执行的函数 load_end_fun 页面构建完成后函数内置常见的所有脚本 Ajax Upload 支持jQ所有脚本 ♥ 函数定义支持支持使用 commonfun.sFun 进行数据交互，使得表单动态而又活起来。 ♥ 设计版本管理多版本设计支持 ♥ 元素管理支持支持对表单函数的管理相关链接官方博客： http://www.cojz8.com/ 演示站点： http://sfdp.cojz8.com/ 开发手册：编写中版权信息 SFDP 遵循 MIT

jQuery知识点整理

阅读更多关于 jQuery知识点整理

3 月，跳不动了？>>> JQuery的设计思想多种筛选方式 $("#box").css("backgroundColor", "red") $(".b1").css("color", "green") $("ul li").css("marginTop", "10px") $("li.box").css("color", "red") $("li").filter(".box").css("color", "red") $("li:first").css("color", "red") $("li:last").css("color", "red") $("li:even").css("color", "red") $("li:odd").css("color", "red") $("li:eq(2)").css("color", "red") $("li").eq(2).css("color", "red") 方法函数化 // 原生js写法 window.onload = function() {} // jquery写法 $(function() { alert("相当于window.onload") }); // 添加事件 $("li").click(function() { alert("我被点击了") }) $("li").mouseover(function() {

20200323记录2个前端问题

阅读更多关于 20200323记录2个前端问题

3 月，跳不动了？>>> 1、IOS软键盘收起后界面按钮失效问题 2、input上下上下居中解答1： Js修復方法 @param {String} el 需要修复元素id(#)、class(.)或html标签字符串 @param {Bolean} isSelect 需要修复的元素对象是否为“select”标签 function jsIosWechatPopFormFix(el, isSelect) { if (!el) return false; var resEl; var elSelector = el.charAt(0); var elString = el.slice(1); var listenEvent = isSelect ? 'change' : 'blur'; switch (elSelector) { case '.': resEl = document.getElementsByClassName(elString); break; case '#': resEl = document.getElementById(elString); break; default: resEl = document.getElementsByName(el); } resEl.addEventListener(listenEvent, function () {

JQ在光标处插入文字

阅读更多关于 JQ在光标处插入文字

内容转载自网络这是一个JQ的扩展方法。在teatarea获得焦点时，往光标处插入文字，扩展代码如下 (function($){ $.fn.extend({ "insert":function(value){ //默认参数 value=$.extend({ "text":"123" },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(document.selection){ $(dthis).focus(); //输入元素textara获取焦点 var fus = document.selection.createRange();//获取光标位置 fus.text = value.text; //在光标位置插入值 $(dthis).focus(); ///输入元素textara获取焦点 } //火狐下标准 else if(dthis.selectionStart || dthis.selectionStart == '0'){ var start = dthis.selectionStart; 　　 //获取焦点前坐标 var end =dthis.selectionEnd; 　　//获取焦点后坐标 //以下这句，应该是在焦点之前，和焦点之后的位置，中间插入我们传入的值 .然后把这个得到的新值，赋给文本框

订阅 jq