
jQuery
lansky07
正在不断的努力学习之中,愿与各位共同努力,本人主要搞J2EE开发,JBPM工作流,行政办公自动化OA系统,一起交流,共同进步......
展开
-
jQuery Ajax调用过程
在jquery中运用ajax其实就是按以下四步过程执行:1、获取文本框中的内容//document.getElementById("id"); //dom的方式//jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点//jquery的方法返回的都是jquery的对象,可是继续在上面执行其他的jquery方法var jqueryObj = $("#id");//获取节点的值原创 2008-12-30 16:46:00 · 2048 阅读 · 0 评论 -
jQuery-基础入门 学习笔记一
做几个项目中JavaScript用的说多吧也不太多,说少吧也不太少,总得来说在做web项目中还是蛮有用的,新的项目中打算用jQuery,原来也多少了解了一些jQuery,这是一个非常不错的框架,打算好好的学习一下它。下星期项目组还有一个相应的jQuer培训。开始!学习jQuery吧!首先下载下jQuery,下载地址:http://jquery.com/src/ 以及相应的jQuery AP...2008-11-22 21:42:00 · 97 阅读 · 0 评论 -
jQuery-DOM对象和jQuery对象及转换 学习笔记二
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html() 意思是指:获取ID为...2008-11-26 13:43:00 · 82 阅读 · 0 评论 -
jQuery-$选择器 学习笔记三
选择器是jQuery最重要的部分之一,在jQuery中对事件处理,DOM操作和Ajax操作都依赖于选择器,熟练使用选择器,不仅能简化代码,还可以达到事半功倍的效果。在说jQuery之前我们也可以回忆一下CSS的选择器,我想这对我们还算是比较熟悉,分别有:标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择符....等等选择器,具体语法说明在这里就不说了。而我们要说了jQuery中的...2008-11-26 16:38:00 · 93 阅读 · 0 评论 -
jQuery-show()与html()及hide()用法 学习笔记四
测试小程序段代码:.....<script src="jquery-1.2.6.min.js" type="text/javascript"></script><script type="text/javascript"> $(document).ready(function(){$("a").addClass("test&2008-11-27 16:50:00 · 295 阅读 · 0 评论 -
jQuery-toggle()与toggle(fn,fn)的用法 学习笔记五
toggle()方法的效果就是切换元素的可见状态;即如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。例子:$(function(){ $("#content").toggle();})<p id="content" style="display:none">这里原来是隐藏看不到的</p>当有点击事件时,另一区域可见状态切换可以这么写:$(docum...2008-11-28 14:45:00 · 180 阅读 · 0 评论 -
jQuery-text()与val()方法区别 学习笔记六
text()方法是取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。获取span,div ,p之类才用text()或html()方法。例子:<p>Paraparagraph</p> $("p").text(); 将得到:Paraparagraph单行文本<input type="text" ...2008-11-28 16:30:00 · 106 阅读 · 0 评论 -
jQuery-focus()和blur()方法-文本框单击字体消失及移开灰色显示 学习笔记七
程序如下:<input type="text" id="in" name="us" value="关键字" />$(document).ready(function(){ $("#in").focus(function(){ if($("#in").val()=='关键字'){ $("#in").val(""2008-11-28 16:57:00 · 141 阅读 · 0 评论 -
jQuery-hover(over,out)用法 学习笔记八
hover(over,out)用法:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.程序demo:css:</script><style type="text/css">.blue{font-size:30px;color:#0099FF;}<...2008-11-28 17:08:00 · 105 阅读 · 0 评论 -
jQuery-parent(exp)用法 学习笔记九
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。<script src="jquery-1.2.6.min.js" type="text/javascript"></script><script type="text/javascript"> $(document).ready(function() {$("#bt2008-11-28 19:49:00 · 122 阅读 · 0 评论 -
jQuery-使用选择器注意事项 学习笔记十
在使用jQuery选择器时需要特别注意的一些事项,也可以说是使用过程中可能遇到的一些问题:1、class或都id中含有“.”,“#”等特殊字符 在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符,如果按照普通方式处理就会出错,解决方法是用转义符转义。在下面程序中:<div id="id.a">aaaaa</div><div id="id#b"&...2008-11-29 18:09:00 · 262 阅读 · 0 评论 -
jQuery-单选框取值 学习笔记11
程序如下:<!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>&2008-11-29 19:43:00 · 117 阅读 · 0 评论 -
jQuery-Dreamweaver插件支持jquery
Dreamweaver也支持jQuery,安装插件后,会有自动提示功能。如下图所示: 效果可以吧,实现很简单,下载安装即可。首先当然要先安装好Dreamweaver了。插件下载地址:http://img.namipan.com/downfile/354325ddd9d5a3320823b474c89b18e1bee82a16304c0300/JQuery%20MX-9%20v.0.2....2008-11-22 21:03:00 · 161 阅读 · 0 评论 -
jQuery-单选框取值 学习笔记11
程序如下:html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>无标题文档title>script src="jquery-1.2.6.min.js" type="text/ja原创 2008-11-29 19:43:00 · 979 阅读 · 0 评论 -
jQuery-Dreamweaver插件支持jquery
Dreamweaver也支持jQuery,安装插件后,会有自动提示功能。如下图所示:效果可以吧,实现很简单,下载安装即可。首先当然要先安装好Dreamweaver了。插件下载地址:http://img.namipan.com/downfile/354325ddd9d5a3320823b474c89b18e1bee82a16304c0300/JQuery%20MX-9%20v.0原创 2008-11-22 21:03:00 · 1087 阅读 · 0 评论 -
jQuery-基础入门 学习笔记一
做几个项目中JavaScript用的说多吧也不太多,说少吧也不太少,总得来说在做web项目中还是蛮有用的,新的项目中打算用jQuery,原来也多少了解了一些jQuery,这是一个非常不错的框架,打算好好的学习一下它。下星期项目组还有一个相应的jQuer培训。开始!学习jQuery吧!首先下载下jQuery,下载地址:http://jquery.com/src/ 以及相应的jQuery原创 2008-11-22 21:42:00 · 1146 阅读 · 0 评论 -
jQuery-$选择器 学习笔记三
选择器是jQuery最重要的部分之一,在jQuery中对事件处理,DOM操作和Ajax操作都依赖于选择器,熟练使用选择器,不仅能简化代码,还可以达到事半功倍的效果。在说jQuery之前我们也可以回忆一下CSS的选择器,我想这对我们还算是比较熟悉,分别有:标签选择器、ID选择器、类选择器、群组选择器、后代选择器、通配选择符....等等选择器,具体语法说明在这里就不说了。而我们要说了jQuery中原创 2008-11-26 16:38:00 · 2143 阅读 · 0 评论 -
jQuery-show()与html()及hide()用法 学习笔记四
测试小程序段代码:.....script src="jquery-1.2.6.min.js" type="text/javascript">script>script type="text/javascript"> $(document).ready(function(){$("a").addClass("test").show().html("新添加数据");//原创 2008-11-27 16:50:00 · 8554 阅读 · 1 评论 -
jQuery-DOM对象和jQuery对象及转换 学习笔记二
刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象,哪些是DOM对象。至于DOM对象不多解释,我们接触的太多了,下面重点介绍一下jQuery,以及两者相互间的转换。什么是jQuery对象?---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。比如:$("#test").html() 意思是指:获原创 2008-11-26 13:43:00 · 1974 阅读 · 0 评论 -
jQuery-toggle()与toggle(fn,fn)的用法 学习笔记五
toggle()方法的效果就是切换元素的可见状态;即如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。例子:$(function(){ $("#content").toggle();})这里原来是隐藏看不到的当有点击事件时,另一区域可见状态切换可以这么写:$(document).ready(function(){ $("#test").click( funct原创 2008-11-28 14:45:00 · 1056 阅读 · 0 评论 -
jQuery-focus()和blur()方法-文本框单击字体消失及移开灰色显示 学习笔记七
程序如下:$(document).ready(function(){ $("#in").focus(function(){ if($("#in").val()==关键字){ $("#in").val("")}; }).blur(function(){ if($("#in").val()==){ $("#in").val("关键字").css("color","#原创 2008-11-28 16:57:00 · 1089 阅读 · 0 评论 -
jQuery-hover(over,out)用法 学习笔记八
hover(over,out)用法:当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测.程序demo:css:script>style type="text/css">.blue{font-size:30px;color:#0099FF;}style>原创 2008-11-28 17:08:00 · 2734 阅读 · 1 评论 -
jQuery-parent(exp)用法 学习笔记九
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。script src="jquery-1.2.6.min.js" type="text/javascript">script>script type="text/javascript"> $(document).ready(function() {$("#btn1").click(function原创 2008-11-28 19:49:00 · 1371 阅读 · 1 评论 -
jQuery-text()与val()方法区别 学习笔记六
text()方法是取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。获取span,div ,p之类才用text()或html()方法。例子:Paraparagraph $("p").text(); 将得到:Paraparagraph单行文本不能用text()方法获得值,必须用val()方法。val()方法是获原创 2008-11-28 16:30:00 · 5319 阅读 · 1 评论 -
jQuery-使用选择器注意事项 学习笔记十
在使用jQuery选择器时需要特别注意的一些事项,也可以说是使用过程中可能遇到的一些问题:1、class或都id中含有“.”,“#”等特殊字符 在我们的程序中可能会遇到id中还有“.”和“#”等特殊字符,如果按照普通方式处理就会出错,解决方法是用转义符转义。在下面程序中:aaaaabbbbcccc按照我们习惯的普通方式jQuery选择器获取:$("#id.a"原创 2008-11-29 18:09:00 · 1049 阅读 · 0 评论 -
jQuery Ajax调用过程
在jquery中运用ajax其实就是按以下四步过程执行:1、获取文本框中的内容//document.getElementById("id"); //dom的方式//jquery的查找节点的方式,参数中#加上id属性值可以找到一个节点//jquery的方法返回的都是jquery的对象,可是继续在上面执行其他的jquery方法var jqueryObj = $("#id");//获取节点的值var...2008-12-30 13:37:32 · 137 阅读 · 0 评论