随笔分类 -  jQuery

Angular项目中引入jQuery
摘要：在对应的组件中引入 在整个项目中一次声明，不用重复引入的方式： .angular-cli.json文件中添加 阅读全文
posted @ 2019-03-05 11:05 Viola_left 阅读(3136) 评论(0) 推荐(0)
在angular项目中使用bootstrap的tooltip插件时，报错Property 'tooltip' does no t exist on type 'JQuery<HTMLElement>的解决方法和过程
摘要：在angular4的项目中需要使用bootstrap的tooltip插件。 1. 使用命令安装jQuery和bootstrap 2. 安装了bootstrap和jQuery之后，需要在.angular-cli.json中设置对jQuery和bootstrap的引用。 3. 使用directive来定 阅读全文
posted @ 2018-11-29 15:48 Viola_left 阅读(1868) 评论(0) 推荐(0)
js打印窗口内容并当窗口内容较长时自动分页
摘要：项目环境Angular： 方法1、window.print() HTML页面上的代码： ts文件中: 然后再用css控制打印分页 page-break-before，page-break-after属性控制分页。 不过在实际应用中，我需要打印的是弹框中的内容，使用原生的方法打印，页面的样式无法调整， 阅读全文
posted @ 2018-09-28 14:35 Viola_left 阅读(7068) 评论(0) 推荐(0)
页面显示文字，多出的部分省略号代替
摘要：文字只有一行，可以使用css实现: .column-p{ width:500px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 多行文字的情况下，则需要使用js判断字数截取 <div class="column"> < 阅读全文
posted @ 2016-06-07 17:18 Viola_left 阅读(417) 评论(0) 推荐(0)
js及jQuery实现checkbox的全选、反选和全不选
摘要：html代码： js实现： jQuery实现： jQuery的实现，一开始写成了$(this)以attr()更改checked属性的方式，如下： 这种写法在点击了反选或者不选之后，全选和反选都不能正常实现功能。 调用的jQuery版本为jquery-1.11.3.js。查看了jQuery的参考手册， 阅读全文
posted @ 2016-05-04 14:02 Viola_left 阅读(303) 评论(0) 推荐(0)
jQuery中的getter和setter方法
摘要：1.attr()方法是jQuery中用于HTML属性的getter/setter。一个相关函数是removeAttr()。 2.css()方法和attr()方法很类似，只是css()方法作用于元素的css样式，而不是元素的HTML属性。 3.addClass()和removeClass()用来从选中 阅读全文
posted @ 2016-02-24 15:31 Viola_left 阅读(330) 评论(0) 推荐(0)
表格隔行换色
摘要：实现列表中隔行显示背景颜色Html代码 姓名公司职位标签性别工作年限 杜海君 赛诺菲民生健康药业有限公司 研究员 AC 女 5年 桑以文 上海仁画信息科技发展有限公司 程序员 高级软件工程师高级软件工程师 男 ... 阅读全文
posted @ 2016-01-22 15:30 Viola_left 阅读(460) 评论(0) 推荐(0)
jQuery笔记
摘要：W3C网站上jQuery资料整理了一些自己觉得需要记住的jQuery 描述主要的 jQuery 函数是 $() 函数（jQuery 函数）。如果向该函数传递 DOM 对象，它会返回 jQuery 对象，带有向其添加的 jQuery 功能。jQuery 允许您通过 CSS 选择器来选取元素。jQuer... 阅读全文
posted @ 2015-10-14 16:17 Viola_left 阅读(136) 评论(0) 推荐(0)