jquery 实现复选框的全选操作实例代码 最近做了个需求，需要实现列表复选框的全选/取消全选操作，由于之前对这块不是很了解，所以从网上查了一些资料，虽然有各种实现方法，但没找到直接可以套用的。自己琢磨了下，把功能实现，整理如下。实现细节如有可改进的地方，不吝赐教。首先是html部分的代码，这里有一个表格，表格里面有一些选项：<div id="list"> <table> <tr><td>选项1<input type="checkbox" name="group" value="1"/><...
本文实例讲述了JavaScript DOM节点操作方法。分享给大家供大家参考，具体如下： 使用DOM可以新建HTML元素，也可以删除已有的HTML元素。 （一）新建元素： <script>//创建新的 <p> 元素var newEle=document.createElement("p");//创建文本节点var node=document.createTextNode("这是使用Javascript创建的新段落。");//将文本节点添加到新创建的 <p> 元素中newEle.appendChild(node);var div1_ele=document.getElementById("div1");...
微信小程序 增、删、改、查操作实例详解 1.以收货地址的增删改查为例 2.文件目录 js文件是逻辑控制，主要是它发送请求和接收数据，json 用于此页面局部 配置并且覆盖全局app.json配置，wxss用于页面的样式设置，wxml就是页面，相当于html<form bindsubmit="addSubmit"><view class="consignee"><text class="consignee-tit">收货人信息</text><view class="consignee-main"><view class="flex flex-align-center flex-pack-justi...
微信小程序 数组（增，删，改，查）等操作 最近在做一个小程序的demo。由于不向后台请求数据，所以就涉及到对本地数据的操作，也遇到了一些坑，本文就以数组的增删改查为例，给新手分享一些经验。首先这是原始数据，json的数组。我们尝试对改数据进行操作，同时渲染到页面。 1，数据的添加在获取到表单的数据后，自己组装一个对象，然后通过push()的方法添加一条数据，注意push的数据的index是+1的，也就是说原本数组中index依次为...
本文实例讲述了js实现hashtable的赋值、取值、遍历操作。分享给大家供大家参考，具体如下： 哈希表(Hashtable)这个概率应该是#c里面的概念，用来赋值、取值、遍历、排序操作提高效率。想起这个东西其实使我们以前经常遇到这样的面试题，一个很大的数组可能有100000个，如何快速知道它里面的出现最多的次数，那么这里我们可能就要用Hashtable的相关知识了。Javascript中,object的实现就是hash表,因此只要在object上封装点方法,再利用...
本文实例分析了JavaScript递归操作。分享给大家供大家参考，具体如下： 问题 一个简单的递归，求n的阶乘： function factorial(n){if (n<=1){return 1;}else{return factorial(n-1)*n;} }如果像下面这样使用它，则会出错： var fcopy = factorial; factorial = null; alert(fcopy(3));因为fcopy指向的函数实体调用了factorial，而factorial已经被释放。 解决的办法 使用arguments.callee 执行流进入函数时会创建函数的运行环境（作...
本文实例分析了jQuery常用样式操作。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .high {font-weight: bold; /* 粗体字 */color : red; /* 字体颜色设置红色*/ } .another {font-style: italic;color: blue; } </style> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script ty...
本文实例讲述了jQuery元素属性操作的方法。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ $(function(){//设置<p>元素的属性title$("input:eq(0)").click(function(){$("p").attr("title","选择你最喜欢的水果."...
本文实例分析了jquery读写cookie操作。分享给大家供大家参考，具体如下： jquery cookie需要脚本文件如下： jQuery.cookie = function(name, value, options) { if (typeof value != undefined) {options = options || {};if (value === null) {value = ;options = $.extend({}, options);options.expires = -1;}var expires = ;if (options.expires && (typeof options.expires == number || options.expires.toUTCString)) {var ...
本文实例讲述了javascript性能优化之DOM交互操作技巧。分享给大家供大家参考，具体如下： 在javascript各个方面，DOM毫无疑问是最慢的一部分。DOM操作与交互要耗费大量时间，因为它们往往需要重新渲染整个页面或者某一部分。理解如何优化与DOM的交互可以极大提高脚本完成的速度。 1、最小化DOM更新 看下面例子：var list = document.getElementById("ul"); for (var i=0; i < 10; i++){var item = document.createELement("li");it...
本文实例分析了JavaScript文档碎片操作方法。分享给大家供大家参考，具体如下： 使用文档碎片在某些情况下可以提高页面效率。 javascript操作dom是一个很耗性能的过程，在某些情况下，不得不进行dom循环操作，我们每次对dom的操作都会触发"重排"，这严重影响到能耗，一般通常采取的做法是尽可能的减少dom操作来减少"重排"。 面对循环操作dom的过程，我们选择使用文档碎片（creatDocumentFragment），将需要添加到dom中的内容一次性...
本文实例讲述了javascript针对cookie的基本操作。分享给大家供大家参考，具体如下： js被C#、JAVA等开发者视为声名狼藉的附属编程语言是有道理的，比如说，对cookie的操作。js就没有一套类似C#的现成处理方案，而只能由你自己去完成。下面我就将自己学习的用面向对象的思想对cookie进行处理的学习笔记整理一下，以飨读者。 cookie的常见操作分析： （1）设置cookie 包括了添加和修改功能，事实上如果原有cookie 名称已经存在，那么...
本文实例讲述了jQuery链式操作。分享给大家供大家参考，具体如下： 从过去的实例中，我们知道jQuery语句可以链接在一起，这不仅可以缩短代码长度，而且很多时候可以实现特殊的效果。 <script type="text/javascript">$(function() {$("div").addClass("css1").filter(function(index) {return index == 1 || $(this).attr("id") == "fourth";}).addClass("css2");}); </script>以上代码为整个<div>列表增加样式css1,然后再进行筛选...
本文实例总结了JavaScript节点及列表操作的方法。分享给大家供大家参考。具体如下： （1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild() replaceChild() insertBefore()（3）查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值 getElementBy...
本文实例讲述了JavaScript对Cookie进行读写操作的方法。分享给大家供大家参考。具体如下： 这里没用到任何的js库，直接使用js的方法进行cookie的读写 <HTML> </HEAD> <BODY> <SCRIPT language="JavaScript"> <!-- function set_it() {var the_text="name=yourName&";var toexpire= new Date("March 15, 2008");var expdate="expires="+toexpire.toGMTString();the_text+=expdate;var newtext=escape(the_text);document.cookie=new...