首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery 点击按钮打印指定文本内容

JavaScript 调用浏览器打印快递单功能时所遇到的一些坑,总结了一下,分享给大家 先大概说下需求,表格里的每一行存储一张订单信息,包括购买的商品、商家信息、联系人信息等等,勾选需要打印的订单,点击打印按钮...,不过打印的是整个窗口内容,而我们只是需要打印页面的某一个部分,并且该部分的内容是隐藏的,这要怎么实现呢?...下的一个回答,让我得到了答案 我们将打印的部分即快递单模板放到一个 ID 为printableArea的div中,并添加一个onclick点击事件,大家也可以尝试下其他的办法,这里只是提供了一种解决方案...EAN8、EAN13、EAN128 等编码方式,大家可根据使用环境的不同,以及条形码数字的个数,来选择相应的编码方式,我们在这里使用的是 Code128 编码方式 条形码及二维码的生成都需要引入指定的jquery-barcode...var carrier = orderId.carrier_info; //订单编号 // 判断字段是否为空 if(jQuery.isEmptyObject

4K20
您找到你想要的搜索结果了吗?
是的
没有找到

JQuery 入门学习(一)

一般Jquery的代码都放在这个块里面。$("botton")选择了文档中第一个,也就是按钮。click也是一个事件,表示当该按钮被点击后执行这里面的代码。...有这三个方法,我们很容易弹出一个菜单或让一个不要的内容消失,而且有动画效果。     当然,Jquery还支持更多动画效果,有很多方法,大家可以自己去探索。...更多事件:文本框获得、失去焦点     在很多网站填写表单的地方都用到了这个效果: <script type="text/javascript" src="/<em>jquery</em>...“请填写用户名”这几个字<em>消失</em>掉。...这个方法就是改变input标签的value属性,也就是改变显示在<em>文本框</em>内的<em>内容</em>。 ----     是不是有了一种很简单的感觉,比javascript要简便了很多。

1.6K11

jquery - 页面弹框 - 阻止事件冒泡示例

需求 编写一个简单的页面弹框的示例,功能要求如下: 一个点击按钮,点击可以弹出一个弹框 弹框固定出现在页面的中间位置 需要写一个背景mask,用于遮掩背景,设置透明度0.3 点击弹框外的位置,弹框就可以消失不见...,可以使用fadeOut() 点击弹框内的文本框可以输入内容,弹框不会消失不见 点击弹框右上角的 × 号,则关闭弹框 看完了需求,首先快速写好一波html + css 编写基本html + css ?...DOCTYPE html> <script type="text/javascript" src="<em>jquery</em>-3.4.0....同时,<em>点击</em>文档的任意一个地方都是可以隐藏弹框的。 但是,此时<em>点击</em>弹框内也是会让弹框<em>消失</em>的,那如果我要填写弹框的input框来写<em>内容</em>,还没写就<em>消失</em>了,这该怎么办呢?...阻止.pop弹框的click()事件,直接return false,就可以避免<em>点击</em>弹框的时候执行$(document).click()<em>里面</em>的fadeOut()事件 ?

3.3K10

前端成神之路-02_jQuery

案例:购物车案例模块-增减商品数量 1.核心思路:首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框。...案例:购物车案例模块-修改商品小计 1.核心思路:每次点击+号或者-号,根据文本框的值 乘以 当前商品的价格 就是 商品的小计 2.注意1: 只能增加本商品的小计, 就是当前商品的小计模块(p-sum...案例:购物车案例模块-计算总计和总额 1.把所有文本框中的值相加就是总额数量,总计同理。 2.文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。 ​...案例: 品优购电梯导航(上) 1.当我们滚动到 今日推荐 模块,就让电梯导航显示出来 2.点击电梯导航页面可以滚动到相应内容区域 3.核心算法:因为电梯导航模块和内容区模块一一对应的 4.当我们点击电梯导航某个小模块...each里面能拿到内容区域每一个模块元素和索引号 5.判断的条件: 被卷去的头部 大于等于 内容区域里面每个模块的offset().top 6.就利用这个索引号找到相应的电梯导航小li添加类。 ​

2.2K10

jQuery」基础 - 02

案例:购物车案例模块-增减商品数量 核心思路:首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框。...案例:购物车案例模块-计算总计和总额 把所有文本框中的值相加就是总额数量,总计同理。 文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。 代码实现见下文。...案例: 品优购电梯导航(上) 当我们滚动到 今日推荐 模块,就让电梯导航显示出来 点击电梯导航页面可以滚动到相应内容区域 核心算法:因为电梯导航模块和内容区模块一一对应的 当我们点击电梯导航某个小模块,...触发的事件是页面滚动,因此这个功能要写到页面滚动事件里面。 需要用到each,遍历内容区域大模块。...each里面能拿到内容区域每一个模块元素和索引号 判断的条件: 被卷去的头部 大于等于 内容区域里面每个模块的offset().top 就利用这个索引号找到相应的电梯导航小li添加类。 代码实现略。

2.8K20

jQuery 文本属性值

1.1 jQuery内容文本值 ​ 常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作...案例:购物车案例模块-增减商品数量 1.核心思路:首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框 2.注意1: 只能增加本商品的数量, 就是当前+号的兄弟文本框...增减商品数量模块 首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框。...案例:购物车案例模块-修改商品小计 1.核心思路:每次点击+号或者-号,根据文本框的值 乘以 当前商品的价格  就是 商品的小计 2.注意1: 只能增加本商品的小计, 就是当前商品的小计模块(p-sum...用户修改文本框的值 计算 小计模块 $(".itxt").change(function() { // 先得到文本框里面的值 乘以 当前商品的单价 var

3K30

jQuery 元素操作

jQuery 元素操作主要讲的是用jQuery方法,操作标签的遍历、创建、添加、删除等操作。 一、 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。...注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。...点击+号-号,会改变总计和总额,如果用户修改了文本框里面的值同样会改变总计和总额 因此可以封装一个函数求总计和总额,以上2个操作调用这个函数即可....注意 :总计是文本框里面的值相加用val() ,总额是普通元素的内容用text() 要注意普通元素里面内容要去掉¥并且转换为数字型才能相加 // 封装一个函数    function getSum

2.6K50

jQuery 文本属性值

jQuery的文本属性值常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。...一、jQuery内容文本值 常见操作有三种:html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性,主要针对元素的内容还有表单的值操作...把这个值赋值给文本框        $(this).siblings(".itxt").val(n);   }) 三、 案例:购物车案例模块-修改商品小计 1.核心思路:每次点击+号或者-号,...根据文本框的值 乘以 当前商品的价格 就是 商品的小计 2.注意1: 只能增加本商品的小计, 就是当前商品的小计模块(p-sum) 3.修改普通元素的内容是text() 方法 4.注意2: 当前商品的价格...符号去掉再相乘 截取字符串 substr(1) 5.parents(‘选择器’) 可以返回指定祖先元素 6.最后计算的结果如果想要保留2位小数 通过 toFixed(2) 方法 7.用户也可以直接修改表单里面的值

2.5K30

jQuery 元素操作

里面的回调函数有2个参数:  index 是每个元素的索引号;  demEle 是每个DOM元素对象,不是jquery对象 3....里面的函数有2个参数:  index 是每个元素的索引号;  element  遍历内容 注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换...案例:购物车案例模块-计算总计和总额 1.把所有文本框中的值相加就是总额数量,总计同理。2.文本框里面的值不同,如果想要相加需要用 each() 遍历,声明一个变量做计数器,累加即可。...② empt() 和  html('''') 作用等价,都可以删除元素里面内容,只不过 html 还可以设置内容。 注意:以上只是元素的创建、添加、删除方法的常用方法,其他方法请参详API。...:如果全选是选中的,则所有的商品添加背景,否则移除背景3.小的复选框点击: 如果是选中状态,则当前商品添加背景,否则移除背景4.这个背景,可以通过类名修改,添加类和删除类

1.9K10

实现一个简单的登录页面

分析需要的功能 一个登录页面一个注册页面 翻转效果 输入后的正则判断,给用户提示信息 翻转要清空页面的全部信息 点击注册后给用户反馈是否注册成功 点击登录后验证是否成功 实现过程 翻转效果 实现点击新用户注册...container.style.display = 'block';//出现注册页面 clear();//这个函数很简单,就是将页面的输入框还有那些提示信息遍历一遍,将里面的值清掉 }...分开写代码会过于冗余,所以,还是通过数组索引来实现,把正则表达放到数组中,因为前2个输入框是不需要进行正则判断的,所以当i>2时,再进行正则判断,这样就能通过一个for循环就解决了,页面中还有一个需要判断的内容是...let register_input = container.querySelectorAll('input'); //所有的注册信息 这个获取的是注册页面所有的文本框 /* 正则表达式 */ let...,以及2次密码是否相同,如果都满足我们才调用ajax向服务器发送注册请求,否则后台的数据可能会异常,这里我是引入了一个布尔值来做标志,当全部输入内容正确时才能发送请求,注册成功后,给用户一个注册成功的提示

1.2K30

jQuery 事件注册、事件处理

; }); // (2) on可以实现事件委托(委派) // click 是绑定在ul 身上的,但是 触发的对象是 ul 里面的小...案例:发布微博案例 1.点击发布按钮, 动态创建一个小li,放入文本框内容和删除按钮, 并且添加到ul 中。2.点击的删除按钮,可以删除当前的微博留言。 ​...代码实现 $(function () { // 1.点击发布按钮, 动态创建一个小li,放入文本框内容和删除按钮, 并且添加到ul 中 $...$("ul").prepend(li); li.slideDown(); // 让小li 滑动出来 $(".txt").val(); // 发布后把之前文本框里输入的内容清空...由此 jQuery 为我们提供了两个自动触发事件 trigger() 和 triggerHandler() ; 有些事件希望自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。

3.8K20

jQuery」基础 - 03

案例:发布微博案例 点击发布按钮, 动态创建一个小li,放入文本框内容和删除按钮, 并且添加到ul 中。 点击的删除按钮,可以删除当前的微博留言。 <!...jQuery 拷贝对象 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。...综合案例: toDoList案例分析 1.7.1 案例:案例介绍 文本框里面输入内容,按下回车,就可以生成待办事项。 点击待办事项复选框,就可以把当前数据添加到已完成事项里面。...点击已完成事项复选框,就可以把当前数据添加到待办事项里面。 但是本页面内容刷新页面不会丢失。...(数据不要忘记转换为对象格式) 之后遍历这个数据($.each()),有几条数据,就生成几个小li 添加到 ol 里面。 每次渲染之前,先把原先里面 ol 的内容清空,然后渲染加载最新的数据。

2.8K30

从零开始学 Web 之 jQuery(七)事件冒泡,事件参数对象,链式编程原理

文本框的获取焦点事件的触发: // 方式一 文本框元素.focus(); // 方式二 文本框元素.trigger("focus"); // 方式三 文本框元素.triggerHandler("focus..."); PS:方式一和方式二,都可以获取文本框的焦点,并且触发浏览器的默认行为(光标闪烁);而方式三,可以获取文本框的焦点,但是不能触发浏览器的默认行为。...(比如:p在div里面,那么点击p触发的事件下,e.target 是写在div事件处理函数里面的,此时 e.target 是p对象。)...e.target // 触发事件的当前的对象 // (比如:p在div里面,那么点击p触发的事件下,e.currentTarget 是写在div事件处理函数里面的,此时 e.currentTarget...还有一个问题,就是 jQuery 中 val(); 在没有参数时时读取数值,不能链式编程;在有参数的时候是设置,可以链式编程。

76840

SSM框架版本的CRM项目实战教程【crm客户管理系统】

就是在原来的jsp页面的,查询条件的文本框内容是在form表单里面的,而且这个时候的type属性是submit,必须要把他改成button,不然点的时候,他最后都会提交一张没有任何参数的表单,而且是在你触发了你的按钮的...4.前端的分页插件 1.首先引入外部文件,复制文件到jquery里面。 2.在jsp页面引入资源,记得pom文件刷一下。 3.然后把原来的分页组件删掉,成对的删。...5.隐藏域的使用 上面处理完之后,还处在一些问题: 问题1: 在查询框中输入内容,不点击查询按钮 点击分页按钮 结果为查询框中的内容生效了 问题2: 在查询框中输入内容点击查询按钮 再在查询框中输入内容...,不点击查询按钮 点击分页按钮 结果为新的查询框中的内容生效了 解决上面的问题,就需要使用到隐藏域的内容。...search–>hidden 将隐藏域中的内容保存到查询文本框 6.全选框和复选框的操作 1.挑全选,下面的两个自动选择。

1.7K50
领券