摘要：
jQuery获取Select元素，并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var ch
阅读全文
posted @ 2014-02-20 00:32
MMLoveMeMM
阅读(204)
推荐(0)
摘要：
我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是 在页面加载完成后给元素绑定了事件，但又新增加的元素上却没有绑定任何事件。js的事件监听跟css不一样，css只要设定好了样式，不论是原来就有的还是新添加的，都有一样的表现。而事件监听不是，你必须给每一个元素单独绑定事件。常见的例子是处理表格的时候。每行行末有个删除按钮，点了这个能够删除这一行。 这行原来就有 删除 这行原来就有 删除 通常，我会这么绑...
阅读全文
posted @ 2014-02-19 01:10
MMLoveMeMM
阅读(5858)
推荐(0)
摘要：
今天在项目中，刚好用到给指定的table添加一行、删除一行，就直接找google，搜出来的东西不尽如人意，不是功能不好就是千篇一律，简直浪费时间还不讨好，于是乎就自己动手封装个，现就把代码分享出来，避免大伙重复造轮子，如有问题欢迎大伙拍砖指正，千万可别人身攻击，嘎嘎。。。需求场景1）、添加一行支持在任意行添加一行且可配置的，如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行，随需求的变化都不会影响。前提条件：行数需在表中存在否则添加不成功。2）、删除一行支持动态删除一行。先演示结果，如中意了在好好研究代码。1、原始界面如下：2、添加一行，如要添加一行需点击“添加”按钮
阅读全文
posted @ 2014-02-19 00:48
MMLoveMeMM
阅读(218)
推荐(0)
摘要：
代码片段1: 在表单中禁用“回车键”:$("#form").keypress(function(e) { if (e.which == 13) { return false; }});代码片段2: 清除所有的表单数据:function clearForm(form) { // iterate over all of the inputs for the form // element that was passed in $(':input', form).each(function() { var type = this.type; var tag = t
阅读全文
posted @ 2014-02-19 00:46
MMLoveMeMM
阅读(383)
推荐(0)
摘要：
DOM操作的分类DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XMLjavascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些都是Dom Core的组成部分。使用DOM Core来获取表单对象的方法document.getElementByTagName("from");使用DOM Core来获取某元素的src属性的方法：eleme
阅读全文
posted @ 2014-02-19 00:38
MMLoveMeMM
阅读(150)
推荐(0)
摘要：
jquery遍历json数组字符串需要特别注意的是each方法中fn的具体调用方法并不是采用简单的fn(i,val)或fn(args),而是采用了fn.call(val,i,val)或fn.apply(obj.args)的形式，这意味着，在你自己的fn的实现中，可以直接采用this指针引用数组或是对象的子元素。这种方式是绝大多数jQuery所采用的一种实现方式。 JQuery特效 http://www.ccscript.cn/ShowList/14.aspxjson数据和读取的js都有问题,看我的怎么做的: var json ="{ RecordCount:8,PageCount:2
阅读全文
posted @ 2014-02-18 19:53
MMLoveMeMM
阅读(847)
推荐(0)
摘要：
最近在工作中用到了Jquery来解析json字符串，网上解析jquery解析json单个对象的实例不少，但是jquery解析json数组的实例却是不多，下面我举一个简单的例子来跟大家分享与一下，本人水平有限，还希望各位批评指教。一个json对象数组的json字符串:var str=[{"Price":12,"Name":"aaa","Age",22},{"Price":24,"Name":"bbb","Age",33}];在前台，使用j
阅读全文
posted @ 2014-02-18 19:50
MMLoveMeMM
阅读(249)
推荐(0)
摘要：
在上一篇的Struts2之ajax初析中，我们得到了comments对象的JSON数据，在本篇中，我们将使用jQuery进行数据解析。我们先以解析上例中的comments对象的JSON数据为例，然后再小结jQuery中解析JSON数据的方法。上例中得到的JSON数据如下，是一个嵌套JSON：{"comments":[{"content":"很不错嘛","id":1,"nickname":"纳尼"},{"content":"哟西哟西",&
阅读全文
posted @ 2014-02-18 19:47
MMLoveMeMM
阅读(151)
推荐(0)
摘要：
介绍 DOM是Document Object Modeule的缩写，一般来说，DOM操作分成3个方面。1、DOM Core DOM Core并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它，用途也远不止仅限于网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。 例如：document,getElementsByTagName(“form”);//使用DOM Core来获取表单对象的方法。2、HTML-DOM 在使用Javascript和DOM为HTML文件编写脚本时，有许多属于HTML-DOM的属性，HTML-DOM的出现甚至比DOM Core还要早，
阅读全文
posted @ 2014-02-18 19:36
MMLoveMeMM
阅读(129)
推荐(0)
摘要：
使用Jquery解析XML：$.ajax({ url: 'ajax/test.xml', dataType : 'xml', cache: false, success: function(xml){ $("AUTHOR", xml).each(function(id) { AUTHOR = $("AUTHOR", xml).get(id); alert($("FIRSTNAME", AUTHOR).text()); alert($("LASTNAME", AUTHOR).text(
阅读全文
posted @ 2014-02-18 19:23
MMLoveMeMM
阅读(180)
推荐(0)
摘要：
其实这个实例非常简单.在浏览器显示一张图片，使用标签:img 元素向网页中嵌入一幅图像。 请注意，从技术上讲， 标签并不会在网页中插入图像，而是从网页上链接图像。 标签创建的是被引用图像的占位空间。 标签有两个必需的属性：src 属性 和 alt 属性。HTML 与 XHTML 之间的差异 在 HTML 中， 标签没有结束标签。 在 XHTML 中， 标签必须被正确地关闭。 在 HTML 4.01 中，不推荐使用 image 元素的 "align"、"border"、"hspace" 以及 "vspace" 属性。
阅读全文
posted @ 2014-02-18 01:24
MMLoveMeMM
阅读(634)
推荐(0)
摘要：
//1.创建数据库public class DBService extends SQLiteOpenHelper {private final static int VERSION = 1;private final static String DATABASE_NAME = "uniteqlauncher.db";public DBService(Context context) { this(context, DATABASE_NAME, null, VERSION);}public DBService(Context context, String name, Cur
阅读全文
posted @ 2014-02-18 01:16
MMLoveMeMM
阅读(2510)
推荐(0)
摘要：
jquery向服务器发送一个ajax请求后，可以返回多种类型的数据格式，包括：html,xml,json,text等。1.html格式的数据" "+username+" : "+content+" "服务器端返回数据格式是html片段，因此不需要经过处理就可以将新的html数据插入到主页面中，这种方法虽然简便，但是重用性不强。$.ajax({type:"POST",url:"Handler.ashx",dataType:html,data:{username:$("#name"
阅读全文
posted @ 2014-02-18 01:02
MMLoveMeMM
阅读(758)
推荐(0)
摘要：
在我们的web开发中，很多的时候都需要把本机的一些文件上传到web服务器上面去如：一个BBS系统，当用户使用这是系统的时候，能把本机的一些图片，文档上传到服务器上面去。然后其他用户可以去下载这些文件，那么这样的话，我们可以自己编程实现文件的上传但是更好的方式是使用一些已有的组件帮助我们实现这种上传功能。-------------------------------------------------------------------------------------------------- 常用的上传组件： Apache 的 Commons FileUpload Jav...
阅读全文
posted @ 2014-02-18 00:50
MMLoveMeMM
阅读(550)
推荐(0)
摘要：
$.ajax({ dataType:'xml', type:'GET', url:uri, success:function(data){ $(data).find("system_status").children().each(function(){ var item_text=$(this).text(); var nodename=(this).nodeName; info=info+" *** "+nodename+"...
阅读全文
posted @ 2014-02-17 10:28
MMLoveMeMM
阅读(755)
推荐(0)
摘要：
其他参考:http://blog.csdn.net/dengsilinming/article/details/7825495http://blog.csdn.net/akon_vm/article/details/7911280http://blog.chinaunix.net/uid-25525723-id-368284.htmlhttp://wenku.baidu.com/view/e212a80c4a7302768e9939e3.html$(document).ready(function () {//定义表单提交前与提交后的处理方法及超时相关var options = {before
阅读全文
posted @ 2014-02-13 20:20
MMLoveMeMM
阅读(225)
推荐(0)
摘要：
简述：需要封装一组Json格式的数据到服务器知识点：1. 调用jquery.json的库2. AJAX Post 请求Jquery下载地址http://jquery.com/download/Jquery.jsonhttp://code.google.com/p/jquery-json/代码：testSendJson.jsp发送Json格式数据 Action Path: Send result: http://blog.csdn.net/anialy/article/details/8591651http://axl234.iteye.com/blog/1508...
阅读全文
posted @ 2014-02-12 00:50
MMLoveMeMM
阅读(1418)
推荐(0)
摘要：
在jquery中我们ajax提交表单可以直接使用serialize()来转换，这样就把表单名中的input转换成了get方法了，如果我们有大量的参数就不需要填写了。jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：jQuery ajax原型：$.ajax({ typ
阅读全文
posted @ 2014-02-12 00:47
MMLoveMeMM
阅读(619)
推荐(0)
摘要：
1.传统的JavaScript方法实现Ajax功能var objXmlHttp = null;//声明一个空的XMLHTTP变量function CreateXMLHTTP(){//根据浏览器的不同，返回该变量的实体对象if(window.ActiveXObject){objXmlHttp= new ActiveObject("Microsoft.XMLHTTP");}else{if(window.XMLHttpRequest){objXmlHttp = new XMLHttpRequest();}else{alert("初始化XMLHTTP错误！")；
阅读全文
posted @ 2014-02-12 00:31
MMLoveMeMM
阅读(505)
推荐(0)
摘要：
程序代码:$.ajax({ url:'Accept.jsp', type:'post', //数据发送方式 dataType: 'xml', // 注意这里是xml哦 ，不是html ( html比较简单,所以我拿xml做下例子,解释下 ) data:'text='+$("#name").val()+'&date='+new Date(), //要传递的数据 timeout: 2000, //设置本地超时 .( 毫秒) error: function(){ alert('Erro
阅读全文
posted @ 2014-02-12 00:27
MMLoveMeMM
阅读(620)
推荐(0)
摘要：
样式操作你最喜欢的水果是？在上面代码中，class也是p元素的属性，因此获取class和设置class都可以用attr()方法来完成代码如下：Var p_class=$(“p”).attr(“class”); //获取p元素的class也可以用attr()方法来设置class$(“p”).attr(“class”,”high”); //将p元素的class设置为high在大多数情况下，它是将原来的class替换成新的class，而不是在原来基础上追加新的class新的代码为你最喜欢的水果是？追加样式在网页中追加一个样式$(“input : eq(2)”).click(function(){ $
阅读全文
posted @ 2014-02-11 18:46
MMLoveMeMM
阅读(190)
推荐(0)
摘要：
本文学习如何使用jQuery获取和操作元素的属性和CSS样式.元素属性和Dom属性对于下面这样一个标签元素:我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性.元素属性和Dom属性只是在我们对其进行不同解析时的不同称呼.值得注意的是:1.元素被解析成Dom时,元素属性和Dom属性并不一定是原来的名称.例如,img的class属性,在表现为元素属性时是class;在表现为Dom属性时,属性名为className2.在JavaScript中,我们可以直接获取或设置Dom属性使用jQue
阅读全文
posted @ 2014-02-11 18:44
MMLoveMeMM
阅读(148)
推荐(0)
摘要：
简述：实现前端使用jquery上传文件后台用servlet处理文件上传以及保存知识点：1. 用到ajaxfileupload.js库2. 后台servlet文件保存其中ajaxfileupload的库下载地址：http://www.phpletter.com/download_project_version.php?version_id=34Maven中需要添加两个java的库，用来上传以及在服务器保存文件 commons-fileupload commons-fileupload 1.2.2 ...
阅读全文
posted @ 2014-02-11 00:06
MMLoveMeMM
阅读(658)
推荐(0)
摘要：
客户端jsp : "> My JSP 'index.jsp' starting page --> 服务器端servlet :package com.ser;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRe...
阅读全文
posted @ 2014-02-10 23:43
MMLoveMeMM
阅读(307)
推荐(0)
摘要：
今天做项目的时候，碰到一个问题。具体情况是，我需要使用AJAX动态的获取某个HTML页面的内容（注意，获取的不是HTML片(snip)，而是真正的页面，有, 的这种。我想的很简单，获得之后，用jQuery解析一下，取出我要的部分，然后放到页面的某个元素里面。但是，实际情况是，jQuery怎么也解析不了返回的HTML页面。代码如下：$(document).ready(function () { jQuery.ajax({ url: "http://localhost/topCrashCommands?productId=AutoCAD 2014", type: ...
阅读全文
posted @ 2014-02-10 23:39
MMLoveMeMM
阅读(566)
推荐(0)
摘要：
在做web服务的时候，如果你能同时控制服务器和客户端，返回的数据你可以自己定义，这是最理想的模式，但有时，你控制不了或只能控制服务器的一部分数据的时候，问题就来了：你不能按照你想要的格式如json或XML返回，每个网页都已经被服务器定义好了返回的html,你只能在其中插入数据。 我在做一个嵌入式设备的时候就碰到了这样的问题，我必须使用内嵌的web服务器，它里面代码比较原始，全部由CGI直接返回html的数据，我想把jquery放到里面以提高前端的显示效率，但我只能把我的数据添加到web服务器，当然也可以自己去改web服务器，但代价太高，我只想从返回的html中抽出我需要处理的数据，略过其他..
阅读全文
posted @ 2014-02-10 23:35
MMLoveMeMM
阅读(4058)
推荐(0)
摘要：
对于json从servlet中返回给ajax的dataType类型可以是text,json1、在servlet中构造json文本，再response.getWriter()给ajax，返回json text文本servlet中，一面一段写在doPost或doGet中，但要相互调用this.doGet(rq,rs)或this.doGet(rq,rs)用jquery的ajax异步提交，数据必须有一个明确的ID（不再是name，和form提交方式不一样），比如下面jsp中的username就是IDprotected void doPost(HttpServletRequest request, Ht
阅读全文
posted @ 2014-02-10 23:10
MMLoveMeMM
阅读(1595)
推荐(0)
摘要：
JQuery解析XML数据的几个例子用JavaScript解析XML数据是常见的编程任务，JavaScript能做的，JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。
阅读全文
posted @ 2014-02-10 19:59
MMLoveMeMM
阅读(135)
推荐(0)
摘要：
jQuery Ajax 实例 ($.ajax、$.post、$.get)博客分类：jquery经验+注意Jquery在异步提交方面封装的很好，直接用AJAX非常麻烦，Jquery大大简化了我们的操作，不用考虑浏览器的诧异了。推荐一篇不错的jQuery Ajax 实例文章，忘记了可以去看看，地址为：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/$.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()一、$.
阅读全文
posted @ 2014-02-10 19:58
MMLoveMeMM
阅读(194)
推荐(0)
摘要：
本文作者：QLeelulu转载请标明出处！jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。废话少说，直接进入正题，我们先来看一些简单的方法，这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法，当然，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()的(这个后面会说到).1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至 DOM 中。url (String) : 请求的HTML页的URL地址。data (Map) : (可选参
阅读全文
posted @ 2014-02-10 19:53
MMLoveMeMM
阅读(141)
推荐(0)
摘要：
对于前端工作者而言，浏览器的兼容性是我们必须要做的，更让人郁闷的问题就是市场上有越来越多的浏览器如IE、FireFox、Google Chrome、Safari、Opera等，需要我们去做兼容性。其他浏览器都还好，安装一个版本就可以测试该浏览器的兼容性，而IE浏览器不同版本却拥有不同的兼容性，因为各版本的IE浏览器对于CSS语法所设计出来的网页却有不同的呈现状况和问题，为此我们都需要去一一测试。默认系统只能安装一款IE浏览器，这让我们相当苦恼。为此本站之前向大家介绍了一款IE兼容性调试工具IETester，里面聚合IE5至IE8四个不同版本的IE浏览器环境。但还是有网友在抱怨这款软件界面不是好
阅读全文
posted @ 2014-01-29 16:20
MMLoveMeMM
阅读(2534)
推荐(0)
摘要：
就是指网页里面的相对链接的前缀url，如在部分定义了此链接为http: //ent.sina.com.cn/，那么下面的代表http://ent.sina.com.cn/aaa.html这个标 签的用处是解决编程时候的相对路径问题，比如有的cms，因为每页路径不一样，他就给你生成sddsds之类的，如果我在本地调试，肯定会在本地开一个目录的，这样就乱 了，你可以把它生成相对路径，如sddsds，只要在head部分加上即可。所以说，这个标签主要为了解决web编程的时候一些相对路径的问题。当然，这个base还有一个用法，如在head部分加上这么一行： ，就是默认所有链接在新窗口打开。======.
阅读全文
posted @ 2014-01-29 14:37
MMLoveMeMM
阅读(389)
推荐(0)
摘要：
一、Forward与Redirect与的路径区别 forward的路径如果是以"/"开头，则表示相对Web应用的context， 如果不是则表示相对于当前请求 redirect的路径如果是以"/"开头，则表示相对于主机， 如果不是则表示相对于当前请求 的路径如果是"/"开头，则表示相对于主机，如果不是则表示相对于当前请求二、Forward与Redirect对HTML链接的影响 最近在写一个JSP页面时，碰到一个奇怪的问题，有一个页面(forward_from.jsp)根据一个随机数选择“转发”或“重定向”到第二个页面(forward_
阅读全文
posted @ 2014-01-28 22:54
MMLoveMeMM
阅读(247)
推荐(0)
摘要：
1.基本概念 绝对路径： 绝对路径就是你的主页上的文件或目录，在硬盘上的真正路径(URL或物理路径)。 例如： 绝对物理路径：C:\xyz\test.txt 代表了test.txt文件的绝对路径。 绝对URL路径： http://www.sun.com/index.htm 代表了一个URL绝对路径。 根路径： 对当前路径而言，相对与某个基准目录的路径。 相对路径： 相对当前根路径时，使用的路径。 例如：使用相对路径时， "/"代表根路径，"./" 代表当前路径, "../"代表上级目录。 从上面可以看出：绝对路径 = 根路径+相对路径
阅读全文
posted @ 2014-01-28 22:37
MMLoveMeMM
阅读(491)
推荐(0)
摘要：
一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4.
阅读全文
posted @ 2014-01-28 12:42
MMLoveMeMM
阅读(409)
推荐(0)
摘要：
//遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").lengthif(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){ $(this).remove(); } }); }else{ $("UPS Ground&q
阅读全文
posted @ 2014-01-28 12:40
MMLoveMeMM
阅读(126)
推荐(0)
posted @ 2014-01-18 22:17
MMLoveMeMM
阅读(98)
推荐(0)
摘要：
$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的.1.基本选择器(3种): ----凡是运用$,其返回值是一个object $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为tes
阅读全文
posted @ 2014-01-18 22:12
MMLoveMeMM
阅读(122)
推荐(0)
摘要：
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$(document).ready(function () { $('#one').css('background&#
阅读全文
posted @ 2014-01-18 22:06
MMLoveMeMM
阅读(188)
推荐(0)
摘要：
无标题文档this titleclick title,will show its value
阅读全文
posted @ 2014-01-18 20:58
MMLoveMeMM
阅读(147)
推荐(0)
浙公网安备 33010602011771号