Js And JQuery
关注
分享
扫一扫
江夏、
关注微信公众号：1024笔记；可免费领取海量学习资源和资料
展开
-
＜input＞ 标签的 accept 属性
在项目中有些时候需要进行文件的上传，这时候在前端页面可以使用 标签的 accept 属性，定义和用法accept 属性只能与 配合使用。它规定能够通过文件上传进行提交的文件类型。<input accept="value">比如：输入字段可以接受 gif和 jpeg 两种图像<form> <input type="file" name="pic" id="pic" accept="image/gif, image/jpeg" /></form>原创 2020-10-18 20:05:49 · 1215 阅读 · 0 评论 -
jquery遍历table中每个td的值
最近有个需求，需要对一个table在特定情况下修改第几个td的样式，这里需要使用到jquery选择器了，我的写法是，这里改为直接隐藏元素了： $('.divdemo>table tr').each(function(){ //每个tr下的第4个th $(this).find('th:eq(3)').hide(); $(this).find原创 2020-10-16 16:29:16 · 1270 阅读 · 0 评论 -
使用jquery给a标签加上或去掉下划线
记录下如何个a标签地址加上下划线和取消下划线$("a").css("text-decoration", "none"); //去掉下划线$("a").css("text-decoration", "underline"); //加上下划线原创 2020-10-16 16:21:19 · 1844 阅读 · 0 评论 -
前端如何增加、删除和修改css样式
事情的起因是这样的，我们公司有个项目的多个页面引用的css文件是同一个，今天做一个需求的时候发现需要重新修改某个元素的样式，但是我不想修改文件中元素的class或者id然后再在css文件中新增样式，因为就一两个样式，然后也怕会影响其他地方。所以可以通过jquery或者js动态的修改某个元素的样式。比如：我有个div，是这样的：<div id="div1" style="width:8px;height:88px">但是我在另一个页面并不想显示这个样式，那么就可以移除这个style,那么原创 2020-09-17 19:51:11 · 1349 阅读 · 0 评论 -
jQuery：选择器使用详解
1都说不会前端的测试不是一个好的后端开发。最近维护一个老的项目，其中的前端代码使用到了JQuery，由于自己以前对前端的了解并不是很多，没有系统的学习，都是遇到了问题才学习一下， 所以这次对Jquery进行了一次学习。jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，能够大大提高开发效率。js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。而使用jQuery较多的就是进行DOM操作，其中就涉及到了选择器的使用。所以这篇文章就整理一下，JQ原创 2020-08-25 22:35:55 · 1185 阅读 · 0 评论 -
jQuery获得内容和属性
jquery通过id和attr方法获取a标签的href属性的地址，并实现跳转：<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script>$(document).ready(function(){ ...原创 2020-03-10 21:46:03 · 158 阅读 · 0 评论 -
JavaScript打开新页面的两种方式：当前页面打开和新页面跳转
在前台开发中会涉及页面跳转的问题，页面跳转有两种：一种是当前页面打开新的页面，一种是新的标签页跳转到新的页面。1、跳转到新页面打开页面：window.open('http://www.baidu.com','_blank');2、当前页面打开新的地址：window.open('http://www.baidu.com','_self');如果在a标签中进行跳转那么就是用到了targe...原创 2020-03-10 16:04:56 · 7443 阅读 · 1 评论 -
jquery 控制 select下拉框option的文字显示，超过一定长度用...代替显示
select 下拉框的值有时候如果文字过长会是的select 下拉框被拉长，所以需要控制select下的option文字的显示，实现当文字过长时用省略号代替超出部分的文字，鼠标移上去会显示实际的值 $(document).ready(function () { for (var i = 0; i < $("#select option").length;...原创 2019-12-13 15:47:29 · 3556 阅读 · 3 评论 -
jquery控制td的内容长度，显示8个字，多出的文字用……表示，鼠标移上去展示全部备注内容。
想实现一个功能，一个table中有N行数据来源于数据库，然后每个columns中的数据字数字显示一部分，比如只显示8个字符，多余的字符用...代替，当鼠标移上去的时候能够显示全部数据。就像百度的实时热点一样。点进去能显示完整的标题// //控制导出内容备注的显示 $(document).ready(function(){ var rows =...原创 2019-09-24 21:41:41 · 897 阅读 · 0 评论 -
js限制input的输入字符的长度，区分中英文
在一个项目中，需要在input输入框中添加placeholder属性，并且限制输入框的字符长度，最大长度为中文25个，英文50个字符，一般的如果不区分中英文则直接添加maxlength属性，然后赋值最大的长度即可，但并不区分中英文字符的长度，于是想着通过js代码来控制placeholder提示语的显示和隐藏以及输入框输入字符长度的限制，区分中英文。//jquery控制placeholder...原创 2019-09-23 10:40:23 · 5002 阅读 · 0 评论 -
C#中如何将后台的变量的值传到前台页面
比如我这里声明一个label，想获取后台的变量的值，然后动态的显示到前端<font face="宋体">当前记录有:</font><Label ID="result" ForeColor="Red"></Label><font face="宋体"> 条</font>然后在后台声明一个全局变量：比如public ...原创 2019-09-19 18:12:05 · 5440 阅读 · 5 评论 -
jquery获取父级元素、同级元素以及子元素的方法
有文件的结构如下： <div class="level-1"> <tr class="tr1"> <td class="td1">1</td> <td class="td2">2</td> <td class="td3">3</td> <td...原创 2019-09-12 18:32:46 · 2242 阅读 · 0 评论 -
Js中Promise用法
promise是用来解决Js中的异步问题的。基本结构如下： function a() { return new Promise((resolve, reject) => { //dosomething resolve() }} 前提是要通过新建一个Promise的对象，然后传参一个函数（resolve,reject）=&...原创 2019-09-12 17:41:07 · 1038 阅读 · 0 评论 -
页面自动加载js的方法
一、前言 公司有个项目里面有搜索功，根据多个搜索框的条件来进行搜索，产品提了个需求，需要对其中的一个搜索框加一个提示，比如用红色字体，要求对该输入框的搜索字数不能超过5个字符，然后看了一圈，这个搜索项是一起封装写好的，通过输入的数据类型的不同来调用不同的搜索类型，这就导致如果我对该项修改的话，那么其他和这个一样类型的样式也会发生改变，所以想了个办法，如果能够在页面一加载的时候我就...原创 2019-09-12 10:22:20 · 1126 阅读 · 0 评论 -
Jquery对checkbox搜索的实现
checkbox 和 label组成的选项由于checkbox和label是两个单独的元素，所以在对其进行搜索得时候，样式会出现一些问题，比如将lable的值和输入框输入的值做比较，如果label中存在input输入的元素则显示label和checkbox常用的做法则不存在的label会被隐藏但checkbox还是会显示，而且由于td和tr样式的要求，会出现断层，不联系显示。所以对此的处理办法如...原创 2019-09-11 18:11:47 · 750 阅读 · 0 评论 -
Jquery对前端页面进行排序
有这样一个需求，一个select元素，每个option代表一中排序方式，通过选择不同的option对前端的页面进行重新排序显示，代码如下，注释在代码里写的很详细： //对前端页面进行排序 //通过juqery每次改变select的option来触发事件，live使得事件能够多次触发，直接change会 导致触发一次就不能再点击 $(".opt").liv...原创 2019-09-11 16:09:44 · 1353 阅读 · 0 评论 -
通过js获得input文本框输入的值
如何通过js获得input文本框输入的值。前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象。对于Document对象可以使我们通过代码(比如javascript)对HTML页面中的所有元素进行访问。比如div标签元素、span元素、input元素等等。Document对象具有以下的属性：Body：提供对 <body> 元素的直接访问。对于定义了...原创 2019-08-30 11:59:10 · 27720 阅读 · 1 评论