JQuery|ZTree|JBox
文章平均质量分 80
linwei_1029
这个作者很懒,什么都没留下…
展开
-
超链接,图片等颜色渐变(通过hover进行控制)
1.超链接的颜色渐变(以下有三种方式) .a{ color:red; } .b{ color:green; } .c{ color:white; }原创 2010-02-24 16:47:00 · 5320 阅读 · 0 评论 -
JQuery与springmvc实现单个文件上传操作
1. 导入JQuery相关JS文件" type="text/javascript">" type="text/javascript">2. 页面调用以及JS代码: 图片上传: " id="defaultIconImg" /> //上传方法function ajaxUpload(id,img原创 2013-03-26 10:59:40 · 8227 阅读 · 2 评论 -
ZTree相关使用的例子
1. 导入相关ZTree的相关JS,CSS文件:"/>"/>" type="text/javascript">" type="text/javascript">" type="text/javascript">" type="text/javascript">" type="text/javascript">2. 调用树形弹出框例子:原创 2013-03-26 11:23:08 · 10409 阅读 · 0 评论 -
JBox的简单使用例子
1. 首先导入相关JBox的JS以及CSS文件。"/>" type="text/javascript">" type="text/javascript">2. 调用函数: 新增参数: var baseUrl = ""; //各种弹出框的JS调用方法 function showPop(type,url) { if('addPara原创 2013-03-26 10:44:44 · 33383 阅读 · 0 评论 -
四. jQuery对表单、表格的操作及更多应用(上:表单应用)
<br />一、表单应用<br />1 获取和失去焦点改变样式(P142)<br />$(function(){$(":input").focus(function(){ //获取焦点触发事件$(this).addClass("focus"); //增加样式}).blur(function(){ //失去焦点触发事件$(this).removeClass("focus"); //移除样式});})2 多行文本框触发事件改变文本框高度(P144)<br />$(function(){v原创 2010-07-19 16:39:00 · 1566 阅读 · 1 评论 -
二. JQuery中的DOM操作
<br />1 查找元素节点<br /> var $x = $("selector").text()<br /><br />2 查找属性节点<br /> var $x = $("selector").attr("property")<br /><br />3 创建节点<br /> var $x = $("html")<br />4 插入节点<br />$("selector").append()<br /> 向每个匹配的元素内部追加内容<br />$("selector").appe原创 2010-07-19 16:29:00 · 609 阅读 · 0 评论 -
JQuery中对Radio和CheckBox的对比使用
<br />一. jQuery-对Radio/CheckBox的操作集合 <br /> <br />jQuery获取Radio选择的Value值$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值 $("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发 $("#text_id").blur(function(){//code...});原创 2010-07-20 10:25:00 · 2164 阅读 · 0 评论 -
三. jQuery中的事件和动画
<br />一、事件<br />1 加载DOM<br />$(document).ready(function(){//...})<br /> DOM加载完毕后执行,在可重复使用上区别于window.onload=function(){//...}<br />$(window).load(function(){//...})<br /> window内所有对象加载完毕后执行,几等同window.onload=function(){//...}。也可针对selector使用此方法<br />另:$原创 2010-07-19 16:32:00 · 2082 阅读 · 1 评论 -
四. jQuery对表单、表格的操作及更多应用(下:表格应用)
<br />二、表格应用<br />1 表格隔行变色(:odd和:even选择器 P157) <br />$(function(){$("tr:odd").addClass("odd"); //奇数行添加样式$("tr:even").addClass("even"); //偶数行添加样式(:odd和:even选择器中索引从0开始)}) 2 设定含有指定文字内容的某一行变色(:contains选择器 P158) <br />$(function(){$("tr:contains('内容')").addClas原创 2010-07-19 16:41:00 · 1193 阅读 · 1 评论 -
一. JQuery选择器
<br />1 基本选择器 <br />$(#id) <br /> 根据给定的id匹配一个元素<br />$(.class) <br /> 根据给定的类名匹配元素<br />$(element) <br /> 根据给定的元素名匹配元素<br />$(*) <br /> 匹配所有元素<br />$(selector1,selector2,...,selectorN) <br /> 将每一个选择器匹配到的元素合并后一起返回<br />2 层次选择器 <br />$("ancesto原创 2010-07-19 16:23:00 · 460 阅读 · 0 评论 -
JAVASCRIPT定时自动转向指定页面
将如下函数加到body的onload上: script language="javascript" type="text/javascript"> function to() setTimeout("location.replace(http://www.163.com);", 2000); script>以下是一个自动跳转页面的例子:原创 2010-05-17 23:34:00 · 2054 阅读 · 0 评论 -
采用JAVASCRIPT实现全选的三种情况
通常采用JAVASCRIPT实现页面全选的,主要有下面三种情况:1、 当前页面中所有的CHECKBOX全部选中 及取消 。 2、 当前页面中所有同名的CHECKBOX全部选中。 3、当前页面中所有具有相同前缀名的CHECKBOX全部选中。 这里以实例的形式,展示了三种情况的操作,完整源代码如下:全选示例/********************全选示例*******原创 2010-05-10 09:55:00 · 613 阅读 · 0 评论 -
通过css(name,value)方法动态的改变字体大小
<!--$(document).ready(function() { $("#formstylecontrols select").change(function(){ alert($(this).attr("id")+" "+$(this).val()); $("p").css($(this).attr("id"),$(this)原创 2010-02-26 09:24:00 · 7232 阅读 · 0 评论 -
表单中的focus和blur的样式
<!-- body { font-size:14px; } form { width: 20em; margin: 4em auto; } dt { clear: left; float: left; } dd { clear: right; margin-left: 6em; } input, textarea { width: 12em; border: 1px原创 2010-02-25 15:33:00 · 4654 阅读 · 0 评论 -
动态的获取文本框输入的字符
先看下代码例子: 1. 2. $("input").keyup(function(){ //var value = $(this).val(); var length = $(this).val().length; $("#show").text("长度是:" + length原创 2010-02-26 09:39:00 · 1342 阅读 · 0 评论 -
JQuery常用小知识
1.$(td:empty).html(-); td可替换要在表格中的每一个空列中都添加一个横杠,可以使用::empty 伪选择器 2.resize方法,在每一个匹配元素的resize事件中绑定一个处理函数。eg:让人每次改变页面窗口的大小时很郁闷的方法: $(window).resize(function(){ alert("Stop it!")原创 2010-02-25 15:01:00 · 878 阅读 · 0 评论 -
JQuery操作表格
cssrain - demo<!--$(document).ready(function(){//demo1: //-隔行,滑动,点击 变色 $(.cssraindemo1 tbody tr:even).addClass(odd); $(.cssraindemo1 tbody tr).hover( function() {$(t原创 2010-02-25 10:45:00 · 2964 阅读 · 0 评论 -
JQuery下拉框与复选框
1. 先看下一个例子: 首先是一个下拉框 选择资源类型: HTML页面 HTML页面 下载资源 超链接资源 自测题 课件资源 问卷调查 FAQ 文本及附件 之后,通过$(document).ready(function(){ $("#s1").change(function(){ $("#chan原创 2010-02-25 09:49:00 · 11254 阅读 · 2 评论 -
JQuery与springmvc实现多个文件上传操作
1. 导入JQuery相关JS文件" type="text/javascript">" type="text/javascript">这边ajaxfileupload.js有点特殊,请使用如下改造后的原文件内容:jQuery.extend({ createUploadIframe: function(id, uri) { //create原创 2013-11-26 14:34:49 · 5926 阅读 · 0 评论