jQuery
文章平均质量分 73
郭晓湉
代码小民工
展开
-
jQuery笔记三
bind() 绑定事件: 参数1,绑定的时间类型;参数2,触发该事件后执行的函数。事件触发器Trigger(“参数一” “参数二”)触发器,不仅可以触发浏览器有的事件名称,还可以触发自定义的事件,就相当于调用参数1绑定的事件,参数二可以将需要的参数返回到执行的函数中例如:$(“h5.head”).bind("myClick",function(event,mes1,mes2,m原创 2013-03-31 00:18:53 · 1329 阅读 · 0 评论 -
ThinkPHP总结及概念
1. ThinkPHP是什么?ThinkPHP是一个免费开源的,快速、简单的面向对象的轻量级PHP开发框架,是为了敏捷WEB应用开发和简化企业应用开发而诞生的2. 如何使用ThinkPHP?大概步骤:(1)创建控制器,动作(2)创建模型层处理数据(3)将获得数据显示 如何使用这个ThinkPHPmvc框架(1)解压软件包解压之后会出现 一原创 2013-05-06 19:13:27 · 1827 阅读 · 0 评论 -
青春
在对的时间遇到对的人,那是扯淡,在错的时间遇到对的人,这就叫青春。原创 2013-05-07 21:04:01 · 1315 阅读 · 2 评论 -
ThinkPHP中实现分页(实例)
WuliuAction.class.phpclass WuliuAction extends Action{public function zhuanxian(){ $Data = M('news'); // 实例化Data数据对象 import('ORG.Util.Page');// 导入分页类 $count = $Data->count();//原创 2013-05-21 19:48:37 · 2152 阅读 · 0 评论 -
jQuery ajax应用
Ajax的优势:1,宗旨:按需请求数据 减轻服务器的带宽,2,无刷新请求,提高web性能,例如表单验证: 1,jQuery的ajax操作jQuery封装ajax操作,通常有这几种方式:jQuery.ajax()$.get()$.post() Load() (1)load() 请求的是一个静态数据文件1,url,ajax请求的地址2,原创 2013-10-12 14:37:44 · 2688 阅读 · 0 评论 -
用jquery统计子菜单的条数(demo)
Tabs /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */ body,b原创 2013-10-17 11:17:18 · 2597 阅读 · 0 评论 -
JS货币数字转换中文
function DX(n){ if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)) return"数据非法"; var unit="千百拾亿千百拾万千百拾元角分",str=""; n += "00"; var p= n.indexOf('.');原创 2013-10-31 16:41:11 · 3820 阅读 · 0 评论 -
货币转换
$(document).ready(function(){$('#keyup').bind('keyup', function(event){ var content; var ketup_con; $ketup_con=$('#keyup').val(); if(isNaN(ketup_con)){ $content=DX($ketup_con); $('#test'原创 2013-11-01 09:48:31 · 1734 阅读 · 0 评论 -
jquery图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />title>jquery滚动特效title>head>body>style type="text/css">*{margin:0;padding:0;li原创 2013-12-16 11:52:24 · 3363 阅读 · 0 评论 -
仿糯米弹框效果demo
代码如下: Tabs /* Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font原创 2014-07-21 14:25:52 · 1633 阅读 · 0 评论 -
简单的左侧导航
简单的左侧导航 代码如下:测试<!--作者:小湉网址:http://xtian.me时间:2013-11--> 用户管理 基本资料 邮箱管理 密码管理 编辑管理 发布广告管理 $('.wmenu dl dt').click(function(){ $(this).toggleClass('icotop'); $(原创 2014-07-21 15:08:10 · 2201 阅读 · 1 评论 -
选项卡登录
多角色选项卡登录效果图如下:其实是绿色的边框 选中的角色 也会标绿 但是截图出来就成这效果了 可以去我个人博客看demo 地址html代码如下:角色选项卡$(function(){ $('.tabPanel ul li').click(function(){ $(this).addClass('hit').siblings().removeClass('hit');原创 2014-07-21 14:41:58 · 2503 阅读 · 2 评论 -
支付页面DEMO
代码如下: 思瑜科技在线充值 /* Bank Select */ .ui-list-icons li { float:left; margin:0px 10px 25px 0px; width:218px; padding-right:10px; display:inline; } .ui-list-icons li input { vertical-align:m原创 2014-07-21 14:49:51 · 7703 阅读 · 1 评论 -
导航菜单(移动出现子菜单)
代码如下: /* 这以下是重置样式 Remove margin padding */ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /*原创 2014-07-21 15:00:56 · 1875 阅读 · 1 评论 -
input输入什么div图层显示什么
.ppp{ width:600px; height:300px; background-color:pink; } $("document").ready(function(){ $("#ttt").keyup(原创 2014-06-13 15:20:22 · 2260 阅读 · 1 评论 -
控制左边栏div高度自动改变 和右边div一样高
無標題文件 window.onload=function(){ document.getElementById("left").style.height = document.getElementById("right").offsetHeight+"px"; } 我是導航,我很短 我是內容,我很長 我是內容,我很長原创 2015-01-08 16:50:12 · 5002 阅读 · 1 评论 -
JS遍历数组
无标题文档 中国职业信用管理平台 人社部 公安部 教育部 商务部 国家公务员局 中国国家人才网 深圳新闻网 全国行业信用公共服务平台 -->原创 2015-08-26 10:15:02 · 1263 阅读 · 0 评论 -
jQuery 获取 table 行数
//获取表的总行数 tr$("#tbRAF").find("tr").length ;//获取所在行的行号$(this).parent().prevAll().length + 1;//行号//获取所在列的列号$(this).prevAll().length + 1;//列原创 2015-07-21 16:30:58 · 6006 阅读 · 0 评论 -
PDO概念及总结
为什么要讲PDO:(1)市面上使用最多的,大部分企业使用PDO(2)Mysqli 只支持mysql数据库,PDO支持大部分数据库(3)以后做的项目都是使用PDO作为数据库抽象层来实现的mysqli------是mysql数据库的加强:(预处理机制)(错误处理机制)(采用了面向对象的编程模式)一、PHP如何操作数据库与具体数据库的扩展:php想操作那个数据库,需原创 2013-05-06 19:12:10 · 2123 阅读 · 0 评论 -
SVN总结
1.svn是什么?Svn----subversion的缩写:版本控制系统(是一个自由、开源的版本控制系统,也就是说Subversion管理着随时间改变的数据)Svn分两个部分:1、服务器端软件svn 2、客户端软件tortoisesvn2.为什么会有SVN?因为需要一个良好的系统来管理可能出现的混乱,版本控制是管理数据变更的一种技术,对程序员来说,它是不可缺少的工具,因为经常要修改原创 2013-05-06 19:08:56 · 1849 阅读 · 0 评论 -
jQuery笔记二
追加节点:(1)append() 向匹配的元素内部追加内容 父元素追加xxx为子元素(2)appendTo() 将匹配的元素追加到指定的元素中 将匹配的元素追加到某个元 删除节点:(1)根据参数删除指定的元素 remove() (2)清空节点 empty()1,clone() 复制节点 2, 替换节点 replaceWith() 使用with后面的标原创 2013-03-27 19:53:10 · 1296 阅读 · 0 评论 -
jQuery选择器
1,jQuery发展历史:是一个javascript库,封装的一些常用的操作:为什么要封装?1,javascript,DOM非常繁琐2,浏览器兼容性:非常令人头疼 封装一些javascript常用的操作,库1,prototype:封装javascript常用的对象和函数(功能强大,而且最早的库),缺点(面向对象把握的不是很好)2,dojo,提供了其他库没有的功能,例原创 2013-03-26 18:58:18 · 1440 阅读 · 1 评论 -
jQuery精简品牌列表
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 *{margin:0;padding:0} body{font-size:15px;text-align:center} .showLess{margin:auto;width原创 2013-04-01 19:19:01 · 1478 阅读 · 0 评论 -
jQuery实现全选反选全不选案例
$(function(){ //全选 $("#checkAll").click(function(){ $(":checkbox").attr("checked",true); }); //全不选 $("#checkNo").click(function(){ $(":checkbox").attr("checked",false);原创 2013-04-01 19:09:15 · 1517 阅读 · 0 评论 -
jQuery初级入门
jQuery的发展历史:由于javascript存在很多缺陷:1,复杂的DOM操作2,浏览器兼容性为了简化javascript开发,一些javascript库诞生了,这些javascript库里,封装了很多预定义的函数和对象,而且解决了浏览器的兼容性等问题 现在流行的javascript库有哪些?(1)prototype,最早成型的javascript库,对javasc原创 2013-03-26 18:50:59 · 1418 阅读 · 0 评论 -
jQuery选项卡实例
*{margin:0;padding:0} body{font-size:15px;width:300px;margin:100px auto} .tab_menu ul li{list-style:none;float:left;width:50px;border:1px solid #ccc;margin-left:5px;line-height:30px;border-bott原创 2013-04-01 19:14:37 · 1593 阅读 · 0 评论 -
jQuery实现用户注册的表单验证
$(function(){ $(":input.required").each(function(){ var $required = $("*"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断一下鼠标离开谁了 if($(thi原创 2013-04-01 19:19:55 · 2648 阅读 · 0 评论 -
jQuery动画效果-slideUp slideDown上下滑动
*{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ te原创 2013-04-16 20:42:42 · 3230 阅读 · 0 评论 -
jQuery动画效果-fadeIn fadeOut淡入浅出
*{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999; padding:5px; cursor:pointer;} .content{ te原创 2013-04-16 20:43:27 · 3145 阅读 · 1 评论 -
利用jquery实现表单验证
$(function(){ $(":input.required").each(function(){ var $required = $("*"); $(this).parent().append($required); }); $(":input.required").blur(function(){ //判断鼠标离开了谁 if($(this).i原创 2013-04-16 20:48:14 · 3016 阅读 · 1 评论 -
利用jQuery实现图片信息的浮动显示
如图: li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA} #tooltip{position:absolute;} $(function(){ var x = 10; var y = 20; $("a.toolt原创 2013-04-16 20:46:36 · 1981 阅读 · 0 评论 -
jquery引入插件的放大镜效果
Magic Zoom Plus: Default The default look of Magic Zoom Plus™. No customizations made.原创 2013-04-16 20:49:43 · 1517 阅读 · 0 评论 -
jQuery面试题与答案
一、Jquery测试题下面哪种不是jquery的选择器?(单选)A、基本选择器 B、后代选择器 C、类选择器 D、进一步选择器考点:jquery的选择器 (C)当DOM加载完成后要执行的函数,下面哪个是正确的?(单选)jQuery(expression, [context]) B、jQuery(html, [ownerDocument]) C、jQuery(callback)原创 2013-04-18 19:55:07 · 5623 阅读 · 1 评论 -
Jquery练习题
1.HTML代码: onetwothree jQuery代码:$("div>p");结果 (A) A.[two] B.[one] C.[three] D.[two]2.HTML代码: DIV SPAN P jQuery代码:$("*") 结果(D) A. [DIV] B. [SPAN] C. [P]原创 2013-04-18 20:15:06 · 3060 阅读 · 0 评论 -
mysql重置密码
1,停止当前的mysqld服务2,再次开启服务,以不带权限验证的形式3,利用客户端,连接mysql我们的用户可以获得最高权限 root4,修改 mysql数据库 中 user表的root用户相关的密码5,关闭这个不受验证的服务,重新开启服务原创 2013-04-19 19:24:33 · 1490 阅读 · 1 评论 -
ThinkPHP实现分页
要使用分页查询,一般来说需要进行两次查询,即第一次查询得到满足条件的总数据量,然后第二次查询当前分页的数据,这样做的作用是告诉分页类当前的数据总数,以便计算生成的总页数(如果你的显示只是需要上下翻页的话,其实总数查询可以省略或者进行缓存)。一个标准的分页使用示例如下:$Data = M('Data');// 实例化Data数据对象import('ORG.Util.Page');// 导原创 2013-05-16 21:27:20 · 1840 阅读 · 0 评论 -
php变量的定义和作用域
一、 php变量的定义和作用域变量:在方法中调用属性的时候,不能直接使用echo ,在类中要使用$this对象1,PHP变量的定义和使用 :字母 下划线 开头 ^[a-zA-Z_]\w* 2,PHP变量的作用域: 局部作用域:在函数内部定义的变量,只能在函数内部起作用 全局作用域原创 2013-05-06 19:10:32 · 1958 阅读 · 0 评论 -
二级菜单-读取json二维数组实例
var carClass = [ { "id":0, "name":"微型车" },{ "id":1, "name":"小型车" },{ "id":2, "name":"紧凑车" },{ "id":3, "name":"中型车" },{ "id原创 2017-07-21 21:03:18 · 3631 阅读 · 0 评论