JS+Jquery
程序员Monkey
努力做好自己!!
展开
-
Jquery操作DOM节点
1、 向DOM节点中追加元素:append:向元素内部追加内容:例如:我想说: $(“p”).append(“你好”);结果:我想说: 你好appendTo:将匹配的元素追加到指定的元素中例如:我想说: $(“你好”).appendTo(“p”);结果:我想说: 你好prepend:向每个匹配元素内部前置元素例如:我想说: $(“p”).原创 2011-12-21 10:52:58 · 887 阅读 · 0 评论 -
JSON.stringify()将JSON对象转换为字符串通过Ajax传入到后台处理
最近在做一个小小的功能模块,前台有很多的数据需要传入到后台,前台页面设计如下:看起来不是很清楚,总之表单中的数据都要提交到后台进行处理,然后插入到数据库,而且是一起提交到后台的,实现的方法大致有两种:1)通过表单提交,当然在后台需要为每个字段定义一个集合对象,然后在页面中使用name标志,如果使用了strut2的话就更简单了,在Action中定义的集合对象名称和页面标签的name字段标原创 2013-12-18 16:24:18 · 20645 阅读 · 1 评论 -
extjs4.2.1与三大框架集成
学习这个东西真的是在做实际项目的时候能够得到很好的体现,就像我现在学习Extjs一样的,因为现在的项目需要用到extjs做页面,所以才开始研究它,像以前的话,自己根本不想主动去学习Extjs,自己主动学习技术的积极性不是很高呀,呵呵,现在要用它来做项目了,不得不去学了,今天搭建了一个框架,用的是struts、spring和extjs,为什么不用hibernate,因为这个项目数据量比较多,里面的逻原创 2014-06-24 20:57:35 · 2567 阅读 · 0 评论 -
struts2结合uploadify3.2实现文件上传
1、请下载uploadify3.2插件,下载地址:http://download.csdn.net/detail/harderxin/55159294、uploadify官方地址:http://www.uploadify.com/,可以随时关注,版本不同,其中内置的函数会有所不同2、注意:jquery版本须为jquery-1.7.2.min.js,1.4版本不支持,上面下载中的内容已经包含在里...原创 2013-06-04 15:23:32 · 2459 阅读 · 0 评论 -
jquery右下脚提示框插件简介
1、下载jquery插件2、下载jquery提示框插件,下载地址:http://download.csdn.net/detail/harderxin/51137413、在页面中引入jquery插件和jquery提示框插件4、测试代码:<script src="jquery-1.2.6.pack.js"></script><script src="j...原创 2013-03-06 11:44:17 · 1480 阅读 · 0 评论 -
用jQury实现在本页面跳转效果,类似锚记
1、在我的资源中免费下载插件http://download.csdn.net/detail/harderxin/43587132、给要跳转的位置加上超链接,<a href="javascript:void(0);" id="scorll">点击我</a>3、在页面中添加如下一段JS代码<Script type="text/javascript">...原创 2012-06-07 16:55:06 · 2508 阅读 · 2 评论 -
HTML5实现圣诞树效果
下面的代码只有在支持HTML5下的浏览器中运行!!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><html><head><title>html5写的3D逼真圣诞树效果</tit...原创 2012-03-03 13:01:36 · 15900 阅读 · 3 评论 -
jQuery实现省市县三级联动菜单
使用JQuery实现的全国省市县三级联动菜单,没有使用ajax,数据也不是从数据库中动态读取出来的,就是简单的jquery,方便实用,实现效果如下图:1、定义数据,我们可以将省、市、县定义为一个js文件中,分别为三个数组存放,下面是举例,所以只列出部分省、市、县,全国和海外全部数据见我的资源文件:省市县三级联动菜单完整项目中的provincesdata.js文件,资源下载地址:htt...原创 2012-03-03 12:56:20 · 97716 阅读 · 4 评论 -
jQuery实现图片切换效果
<!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><meta...原创 2012-03-03 12:45:03 · 3334 阅读 · 5 评论 -
Jquery中的each方法
each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组vararr1=["aaa","bbb","ccc"];...原创 2012-02-22 16:58:13 · 1223 阅读 · 0 评论 -
Jquery中常用的方法
1.Window.onload 的JQuery方法$(document).ready(function(){ //The Code!})可以简写为:$(function(){ //The Code!})2.添加和去除Css类$(function(){ $(“a.alink”).mouseover(function()...原创 2012-02-21 13:23:13 · 1209 阅读 · 0 评论 -
百度地图根据可视区域显示标注
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title> New Document </title> <meta name...原创 2012-03-03 16:43:20 · 4650 阅读 · 0 评论 -
百度地图API的学习
我们可以进入百度API的网站学习百度地图API:http://dev.baidu.com/wiki/map/index.php,看完这些你应该基本上会掌握了,还有一些显示地图中一些很神奇的效果,需要一些别人写好的类库,我们可以查看学习,并下载其API源代码:http://dev.baidu.com/wiki/map/index.php?title=MapLibrary以下是自己在学习中所...原创 2012-02-22 17:20:20 · 2102 阅读 · 0 评论 -
强大的web打印插件--Lodop
最近公司有个项目需要实现记录打印功能,在网上找到了一个很好的打印插件Lodop,它是一个专门针对web页面打印的控件,里面封装了很多的JS API,用户只要根据自己特定的需要调用里面相应的接口,就可以实现各种很复杂的打印的功能,例如记录页面、图片包括复杂的图表等等它都能够帮你实现,在用的过程中,还发现它还能够打印条形码、公章,而且它还能实现将记录导出到一个excel文件当中,无论你的表格多么复杂,原创 2013-12-11 15:44:06 · 13787 阅读 · 2 评论 -
网页嵌入快播播放器并实现服务器视频文件连续播放
上篇我们在网页中(html、jsp、php)嵌入了快播播放器,嵌入代码如下: 参数介绍:url:播放视频文件的地址 Autoplay:是否自动播放,1:是,0:否 Showcontrol:是否显示控制栏,也就是下面的声音控制以及进度条 1:是,0:否,界面如下:注意:下载的快播版本不同会有不同的页面效果原创 2013-09-25 17:39:53 · 9453 阅读 · 0 评论 -
JavaScript入门及简介
JavaScript1、 通用引用标记:2、 Javascript中数据类型全部为var,变量为弱类型,不需定义就可以用或者类型一样。定义在函数外的变量都是全局变量,定义在函数内的变量,如果声明为var,则为局部变量,如果不声明为var,则为全局变量。3、 在document.write()所写的东西在浏览器中显示会在body中的内原创 2011-12-21 10:50:54 · 736 阅读 · 0 评论 -
JS中匿名函数详解
代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数又没看到运行(当然是运行了……),就能有jQuery这么个函数库了?于是,我抱着转载 2012-03-03 16:01:06 · 1289 阅读 · 0 评论 -
JS中的eval函数详解
先来说eval的用法,内容比较简单,熟悉的可以跳过。eval函数接收一个参数s,如果s不是字符串,则直接返回s。否则执行s语句。如果s语句执行结果是一个值,则返回此值,否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值,需要用括号括起来才会返回值,简单示例如下: var code1='"a" + 2'; //表达式 var cod转载 2012-03-03 16:11:23 · 1288 阅读 · 0 评论 -
使用JS中的Call方法实现继承和多重继承
call方法:调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,.argN]]]]])thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数序列。说明call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的原创 2012-06-05 10:07:13 · 2315 阅读 · 0 评论 -
固定div位置,不随滚动条滚动
我们在html页面中的某处,可能要固定div的位置,下面我们编写js来控制1、只能在初始页面的可视区域固定div编写js代码:jQuery.fn.floatdiv=function(location){ //判断浏览器版本 var isIE6=false; var Sys = {}; var ua = navigator.userAgent.toLowerCase(原创 2012-08-07 16:05:47 · 8876 阅读 · 0 评论 -
JS特效代码
1.文本框焦点问题onBlur:当失去输入焦点后产生该事件onFocus:当输入获得焦点后,产生该文件Onchange:当文字值改变时,产生该事件Onselect:当文字加亮后,产生该文件(value=='') {value='mm'}">点击时文字消失,失去焦点时文字再出现2.网页按钮的特殊颜色style="background-color:rgb(235原创 2012-09-10 15:30:31 · 2053 阅读 · 1 评论 -
深入了解JavaScript
在我们的项目中,尤其是我们的web项目,无论你是用何种语言编写,java、C#.....JavaScript这种前台页面的脚本语言都占居着举足轻重的地位,下面带大家深入走进JavaScript,探索其中的奥秘,一起学习,共同进步!! 1、 要深入理解JavaScript,你得首先放下对象和类的概念,回到数据和代码的本原。前面说过,编程世界只有数据和代码两种基本元素,而这两种元素又有着纠缠原创 2012-12-06 14:40:48 · 1103 阅读 · 0 评论 -
jQuery中return false,e.preventDefault(),e.stopPropagation()的区别
()阻止事件冒泡 cript src="Scripts/jquery-1.4.1.js" type="text/javascript">cript> 冒泡事件测试 我们先看这段代码: cript type="text/javascript">原创 2012-12-06 14:50:38 · 905 阅读 · 0 评论 -
JS控制日期显示
我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getD原创 2013-03-06 13:49:53 · 2656 阅读 · 0 评论 -
网页中嵌入视频播放器代码
有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来:嵌入快播播放器: 文件列表: 文件1 失恋33天 毕加猪原创 2013-09-06 14:30:11 · 4670 阅读 · 0 评论 -
使用百度地图进行区域搜索与定位
注意:1、需要引入:jquery-1.7.1.min.js 2、要在有网络的情况下才能测试,因为引入了百度中的地图地址地图的CSS样式:@charset "utf-8";/* CSS Document */.map{width:800px;height:404px;text-align:center;float:left;overflow: hidde...原创 2012-02-21 10:26:30 · 2584 阅读 · 0 评论