Questions tagged «jquery»

jQuery是一个JavaScript库,请考虑添加JavaScript标记。jQuery是一种流行的跨浏览器JavaScript库,它通过最小化浏览器之间的差异来促进文档对象模型(DOM)遍历,事件处理,动画和AJAX交互。标记为jQuery的问题应与jQuery相关,因此问题代码应使用jQuery,并且问题中至少需要与jQuery使用相关的元素。


11
如何根据当前颜色生成相反的颜色?
我正在尝试创建与当前颜色相反的颜色。我的意思是,如果当前颜色是黑色,则需要生成白色。 实际上我有一个文本(此文本的颜色是动态的,其颜色可以随意设置)。这是文成div,我需要设置文本的相反颜色background-color的div。我希望该文本在(颜色透视图)中清晰可见。div 相反的颜色表示:暗/亮 我具有文本的当前颜色,可以将其传递给此函数: var TextColor = #F0F0F0; // for example (it is a bright color) function create_opp_color(current color) { // create opposite color according to current color } create_opp_color(TextColor); // this should be something like "#202020" (or a dark color) 有创建create_opp_color()功能的想法吗?

16
Bootstrap 4文件输入
我正在使用bootstrap 4文件浏览器。如果我使用自定义文件控件,则会一直看到“选择文件值”。 https://v4-alpha.getbootstrap.com/components/forms/#file-browser 选择文件后,我想更改选择文件的值。此值实际上隐藏在CSS中.custom-file-control:lang(en)::after,我不知道如何在javascript中访问和更改它。我可以这样获得所选文件的值: document.getElementById("exampleInputFile").value.split("\\").pop(); 我不需要改变 .custom-file-control:lang(en)::after { content: "Choose file..."; } 不知何故 链接:http://codepen.io/Matoo125/pen/LWobNp

15
jQuery中的$ this vs $(this)
我已经看过关于jQuery与$(this)vs的一些讨论$this,它们对我来说很有意义。(有关示例,请参见此处的讨论。) 但是下面的jQuery网站插件教程中的片段如何显示可链接性呢? (function ($) { $.fn.lockDimensions = function (type) { return this.each(function () { var $this = $(this); if (!type || type == 'width') { $this.width($this.width()); } if (!type || type == 'height') { $this.height($this.height()); } }); }; })(jQuery); $this以上代表什么?就在我想知道了的时候...

6
使用jQuery和html导出为CSV
我有一个表格数据,我需要在不使用任何外部插件或API的情况下将其导出到csv。我使用了window.open传递mime类型的方法,但是遇到了如下问题: 如何使用jquery确定系统上是否安装了Microsoft Excel或Open Office 该代码应独立于系统上已安装的东西(例如,openoffice或ms excel)。我相信CSV是可以在两种编辑器中显示的格式。 码 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/JavaScript"> $(document).ready(function(){ $("#btnExport").click(function(e) { var msg = GetMimeTypes(); //OpenOffice window.open('data:application/vnd.oasis.opendocument.spreadsheet,' + $('#dvData').html()); //MS-Excel window.open('data:application/vnd.ms-excel,' + $('#dvData').html()); //CSV window.open('data:application/csv,charset=utf-8,' + $('#dvData').html()); e.preventDefault(); }); }); function GetMimeTypes () { var message = ""; // Internet Explorer supports the mimeTypes collection, …

14
使用jQuery DataTables时禁用最后一列的排序
我在一个项目中使用jQuery DataTables,我想知道如何禁用最后一列的排序。我想在整个网站范围内实施。 现在,我有以下代码: <!-- jQuery DataTable --> <script src="../assets/js/plugins/dataTables/jquery.datatables.min.js"></script> <script> /* Default class modification */ $.extend( $.fn.dataTableExt.oStdClasses, { "sWrapper": "dataTables_wrapper form-inline" } ); /* API method to get paging information */ $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings ) { return { "iStart": oSettings._iDisplayStart, "iEnd": oSettings.fnDisplayEnd(), "iLength": oSettings._iDisplayLength, "iTotal": oSettings.fnRecordsTotal(), "iFilteredTotal": oSettings.fnRecordsDisplay(), …

7
如何在HTML“选项”标签上显示工具提示?
使用纯HTML或jQuery辅助的JavaScript,如何在单个<option>元素上显示工具提示以辅助决策过程(没有足够的空间容纳其他类型的控件,并且需要一些帮助)。 可以通过插件或类似工具来完成此操作吗? 我尝试了一些jQuery的工具提示插件,但均未成功(包括一个名为Tooltip的工具)。 该解决方案应: 在IE,WebKit和Gecko中工作; 利用标准的<select>包装<option>元素。 因此,如果解决方案要使用其他标签,则应将这些元素动态转换为所需元素(并且不要期望初始标记会有所不同)。 可以在此处找到它的代码,它位于SafeSurf部分下,在这里我想向您展示一些关于选项含义的帮助。目前,它只能在“事后”显示,并且对用户的一些前期帮助将是有益的。 意识到这并不容易,并且可能需要创建一些东西-因此赏金将授予最完整的解决方案或使我最接近可以创建的解决方案的特定挂钩。

12
keyCode数字键盘的值?
数字小键盘上的数字是否具有与键盘顶部的数字不同的键控代码? 这是应该在keyup事件上运行的一些JavaScript,但前提是键码在48到57之间。这是代码: $('#rollNum').keyup(function(e) { if(e.keyCode >= 48 && e.keyCode <= 57) { //0-9 only var max = 15; var textLen = $(this).val().length; var textLeft = max - textLen; . . . 我的问题是,此代码仅响应于在键盘顶部输入的数字而运行,而不响应于从数字小键盘输入的数字而运行。 我在想答案必须是数字小键盘具有不同的keyCode值,但是如何找出这些数字呢?

7
使用jQuery DataTables时禁用对第一列的自动排序
我正在使用jQuery DataTables,我想知道是否可以在表的第一列上禁用自动排序? 我的代码如下所示: /* Default class modification */ $.extend( $.fn.dataTableExt.oStdClasses, { "sWrapper": "dataTables_wrapper form-inline" } ); /* API method to get paging information */ $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings ) { return { "iStart": oSettings._iDisplayStart, "iEnd": oSettings.fnDisplayEnd(), "iLength": oSettings._iDisplayLength, "iTotal": oSettings.fnRecordsTotal(), "iFilteredTotal": oSettings.fnRecordsDisplay(), "iPage": Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ), "iTotalPages": …



7
如何使用jQuery动态设置宽度和高度
我想div使用jQuery动态设置元素的宽度和高度。 我正在尝试更换 <div id="mainTable" style="width:100px; height:200px;"></div> 有了这个: $("#mainTable").css("width", "100"); $("#mainTable").css("height", "200"); 但是,它对我不起作用。 请帮助了解原因。 谢谢你们 ! 问题在于数字上的引号。这很好用: $("#mainTable").css("width", 100); $("#mainTable").css("height", 200);
76 jquery  html 

7
添加/删除基于垂直滚动的jQuery类?
因此,基本上,我想在用户向下滚动并添加另一个类以更改外观后从“标题”中删除该类。 试图找出最简单的方法,但我无法使其正常工作。 $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll <= 500) { $(".clearheader").removeClass("clearHeader").addClass("darkHeader"); } } 的CSS .clearHeader{ height: 200px; background-color: rgba(107,107,107,0.66); position: fixed; top:200; width: 100%; } .darkHeader { height: 100px; } .wrapper { height:2000px; } 的HTML <header class="clearHeader"> </header> <div class="wrapper"> </div> 我确定我在做一些非常基本的错误。
76 javascript  jquery  css 

11
如何获取Javascript中的当前目录名称?
我正在尝试使用Javascript获取文件的当前目录,因此可以使用该目录为网站的每个部分触发不同的jquery函数。 if (current_directory) = "example" { var activeicon = ".icon_one span"; }; elseif (current_directory) = "example2" { var activeicon = ".icon_two span"; }; else { var activeicon = ".icon_default span"; }; $(activeicon).show(); ... 有任何想法吗?


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.