最近搞前端，某页面功能中需要动态添加和删除表格行。 比较常用的场景是通过一个添加按钮添加表格行，每一行都有一个删除按钮进行删除。 谷歌了一下找到一个示例代码挺适合新手学习使用的。 效果如下： HTML代码如下： 1<label>Please indicate the number of attendees in your group including yourself.2<select id="participants" class="input-mini required-entry"> 3<option value="1">1</op...
$(function() { var val; $("#add").live("click",function() { //使用.live("事件名称",方法) 调用隐藏的事件 val=$(this).prev().val(); });});原文：http://www.cnblogs.com/tan520/p/4713795.html
select，radio 表单回显避免使用jquery载入赋值 注意事项： 复制代码代码如下: <html> <body> <form method="post" action=""> <!-- 如果表单中使用重置功能时，不推荐使用如下代码 --> <input type="radio" name="visible" value="1" />显示<br> <input type="radio" name="visible" value="0" />隐藏<br> <select name="orderBy" id="orderBy"> <option value="0">0</option> <option value="1">1</option> </select><b...
很多时候，我们系统的进度信息有个进度条看起来效果更好，我们可以使用动态改变div占比的方案来做：效果图一： 效果图二：style样式： <style type="text/css">#parent{border:1px #EEE solid;width: 500px;height: 30px;margin: 0 auto;}#child{width: 50%;height: 30px;background-color: lime;}p{text-align: center;color: fuchsia;}</style> HTML代码： <p id="info"></p><div id="parent"><div id="child"></div></div...
转自：http://www.cnblogs.com/linjiqin/p/3148228.html本案例实现类似开关按钮效果。页面有下拉列表、文本框、按钮等表单元素，大致实现如下效果：1、页面一加载时，文本框隐藏，下拉列表显示，按钮值变为“显示文本框”。2、点击“显示文本框”按钮时，文本框显示，下拉列表隐藏，按钮值变为“显示下拉列表”。3、点击“显示下拉列表”按钮时，文本框隐藏，下拉列表显示，按钮值变为“显示文本框”。<!DOCTYPE HTML PUBLIC "-//W...
原文:使用Jquery的Ajax实现无刷新更新，修改，删除页面 本文将向大家讲述一下最近工作的一些总结，主要包括了以下内容，注册界面以及详细信息界面的编辑。主要是介绍了AJAX技术，因为我觉得其他方面没什么好介绍的。首先是跟大家说一下Ajax的优点，假如你删除了一个页面的内容，你想当于点击了一个按钮，那么这个页面必然发生了回发事件，也就是说，你的页面必然被刷新了一次。以下是我从网上找来的一张Ajax的原理图，本人PS技术...
‘use strict‘;app.controller(‘DataTableCtrl‘, function ($scope, $compile) {$scope.selected = [];$scope.isSelected = function (obj,index, id) {var checkbox = obj.target;checkbox.checked ? $scope.selected.push(id) : $scope.selected.splice(index,1);console.log($scope.selected);}$scope.simpleTableOptions = {sAjaxSource: ‘/Home/Index‘,"sServerMethod": "POST","bProcessing": true,"bServerSide": true...
1、 DOM：Document Object Model（文档对象模型）： DOM操作： ●DOM是Document Object Model的缩写，即文档对象模型，是基于文档编程的一套API接口， ●1988年，W3C发布了第一级的DOM规范，这个规范允许和操作HTML页面中的每个单独的元素，如网页的表格、图片、文本、表单元素等2、DOM操作分类：●使用JavaScript操作DOM时分为三个方面：DOM Core（核心）、HTML-DOM和CSS-DOM。 ◆DOM...
转自：http://www.muzilei.com/archives/136如何实现拖动效果？浏览DEMO首先分析下拖动效果原理：1.当鼠标在被拖动对象上按下鼠标（触发onmousedown事件，且鼠标在对象上方）2.开始移动鼠标（触发onmousemove事件）3.移动时更显对象的top和left值4.鼠标放开停止拖动(触发onmouseup事件)注意：拖动的对象必须是定位对象(即设置了position:absolute或 relative)。也就是说拖动事件=onmousedown事件+onmousemove事件整个过程就是处理这...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title> 使用 jQuery 表单过滤选择器 </title><script language="javascript" type="text/javascript" src="jquery-3.3.1.min.js"></script><style type="text/css">body {font-size: 12px;text-align: center}form {width: 241px}textarea,select...
基于Electron框架开发桌面应用时，如果使用了jquery，就会有冲突。解决方法有好几种，下面的这种方法是通过修改jquery文件来规避冲突：打开jquery.js，在文件的开头加上：if (typeof module === ‘object‘) {window.module = module; module = undefined;}在文件的结尾加上：if (window.module) module = window.module;这样就不会出现找不到$的问题了。原文：http://h2appy.blog.51cto.com/609721/1868261
1jQuery事件对象的作用事件中的Event对象容易被初学者忽略掉，可能大多时候初学者不知道怎么去用它，但有些时候它还是非常有用的一个标准的"click"点击事件$(elem).on("click",function(event){event //事件对象 })在不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异。jQuery根据 W3C 标准规范了事件对象，所以在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象这里不在千篇一律的说方...
导入 jquery1.9.1.js 库 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><link href="css/style.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="scripts/jquery-1.9.1.js"></script><script type="text/javascript">$(function(){var initFontSize = 18;function removeBlur(){if(this.blur){this.blur();}}/* 改变字体大小 代码 */$("#fontbtn1").bind("focus",removeBlur).click...
jQuery对JavaScript中的DOM操作进行了封装样式操作内容及Value值操作DOM操作分类： 节点操作 节点属性操作节点遍历CSS-DOMC操作“元素”和“节点”含义大同小异，并不严格区分 1.样式操作 设置和获取样式值 css() $().css(设置属性); 追加和移除样式 addClass() $().addClass();removeClass()$().removeClass(); 切换样式 toggleClass() $().toggleClass(); 判断是否含指定的样式 hasClass() $().hasClass();总结：...
首先必须得了解为什么要学习JQuery,JQuery有哪些优点,当然是相对于传统的Javascript和DOM来说了,现在将JQuery的优势总结如下:1,轻量级. JQuery非常小,压缩包只有18KB左右.2,强大的选择器. JQuery不仅支持CSS里的所有选择器,还有JQuery独有的选择器.3,出色的DOM操作封装. JQuery封装了大量常用的DOM操作.4,兼容性好. JQuery能够在不同浏览器中兼容,同时还修复了一些浏览器之间的差异.5,链式编程 即对发生在同一个JQu...