jQuery实践树(2)

上一个实践主要对jquery的ready事件进行.本实践要来使用jQuery改变页面的背景图片.可以先试试效果:http://hovertree.com/texiao/jquerytree/2/ 当你打开页面时,会看到一闪一闪的雪花效果.这不是使用jQuery的效果,只是用CSS设置了背景图片为动态图而已.本实践将要用jquery改变页面的背景图. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="…

jQuery实践-别踩白块儿网页版

▓▓▓▓▓▓ 大致介绍终于结束了考试,放假回家了.这次的别踩白块儿网页版要比之前做的 jQuery实践-网页版2048小游戏要简单一点,基本的思路都差不多. 预览:别踩白块网页版这篇博客并不是详细的讲解,只是大致介绍函数的作用,其中实现的细节注释中有解释,网上的这个源码有点乱,如果想看比较整齐的源码或者视频的可以QQ联系我(免费)(找共同学习的伙伴) ▓▓▓▓▓▓ 思路这个小游戏可以抽象化分为3层 ◆最底下的一层是基本的样式(可见的) ◆中间的层是最主要的,是一个4x3的二维数组,游戏中…

基于jquery下拉列表树插件代码

分享一款基于jquery下拉列表树插件代码.这是一款实用的jquery 树形下拉框下拉树代码下载.效果图如下: 在线预览源码下载实现的代码. html代码: <table width="100%" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="1" bgcolor="#FF…

JQuery Ztree 树插件配置与应用小结

JQuery Ztree 树插件配置与应用小结 by:授客 QQ:1033553122 测试环境 Win7 jquery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js zTree_v3-master.zip 下载地址: https://github.com/zTree/zTree_v3 插件配置与应用应用效果展示 HTML代码片段 <!DOCTYPE h…

Jquery实践--精读开篇

JQuery实践,我已经看了最少三遍了.这里面的很多方法对我的工作很有帮助.但由于不是真的进行前端开发,所以JQuery中的很多功能也没有用到.所以隔一段时间想起,就会发觉,一些东西又忘记了.所以趁这段时间比较空闲,有大量的读书时间,就把这本书再看一遍,记一下知识点,以便自己以后查阅.希望有这方面技术的人,可以给我一些指导.…

Jquery的树插件jqxTreeGrid的使用小结

一.引入相应的js <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery.js"></script> <script type="…

JQuery 目录树jsTree插件用法

PHP循环构造目录树结构 <ul> <php> function digui($fid,$level){ $class=M("wangpan_class")->where('fid='.$fid)->select(); foreach($class as $v){ $child=M("wangpan_class")->where('fid='.$v['id'])->select();//如果不为空,表示有子类 if(!…

jquery实践

转:http://www.cnblogs.com/Wayou/p/jquery_best_prictise.html jQuery编程的最佳实践好像是feedly订阅里看到的文章,读完后觉得非常不错,译之备用,多看受益. 加载jQuery 1.坚持使用CDN来加载jQuery,这种别人服务器免费帮你托管文件的便宜干嘛不占呢.点击查看使用CDN的好处,点此查看一些主流的jQuery CDN地址. <script type="text/javascript" src="…

Jquery的树插件jqxTreeGrid的使用小结（实现基本的增删查改操作）

一.引入相应的js <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../../scripts/jquery.js"></script> <script type="…

JQuery实践--事件

通过HTML网页所呈现的界面是异步的和事件驱动的.步骤: 建立用户界面等待又去的事情发生做出相应的反应重复浏览器所实现的事件模型 DOM第0级事件模型事件处理程序是通过吧函数实例的引用指派到DOM元素的属性而声明的. 或HTML的特性.当指定到HTML特性上时,匿名函数就会利用特性的值作为函数体而自动创建onclick <=> click事件onmouseover <=>mo…

JQuery 实践--让页面动起来

获取和设置元素特性特性属性:是指DOM元素中能够和HTML元素中某个特性对应得上的属性.通常JS特性属性的名称与对应的特性一一匹配,但class <=>className操作特性还是操作属性,取决于想做什么以及想如何去实现.JQuery 没有用于获取或修改元素苏醒的具体命令.然而可以利用原生JS表示法,存取属性和属性值,首先获取元素引用. each(iterator) 遍历包装集里所有元素,为各个元素分别调用传递进来的迭代器函数参数为一个函数,函数参数为被设置为保障局里当前元素的下标,当前元…

JQuery实践--Why JQuery

给页面增加动态功能的工作流模式:选择一个元素或一组元素,然后以某种方式对其进行操作. 利用原始的JavaScript完成这些任务中的任何一个,都会需要数十行代码,JQuery让这些常见的任务变得简单行为与结构相分离被称为“不唐突的JavaScript”,将行为与结构分离.任何嵌入在HTML页面<body>里的JavaScript表达式或语句,不管是作为HTML元素的特性,还是嵌入在页面<body>的脚本块里,都是不正确的. <head> <script type…

jQuery实践-网页版2048小游戏

▓▓▓▓▓▓ 大致介绍看了一个实现网页版2048小游戏的视频,觉得能做出自己以前喜欢玩的小游戏很有意思便自己动手试了试,真正的验证了这句话-不要以为你以为的就是你以为的,看视频时觉得看懂了,会写了,但是自己实现起来会遇到各种问题.比如,在最后判断游戏是否结束的时候,我写的语句语法是对的,但就是不执行.最后通过对视频源码的分析对比,发现原作者写的一个setTimeout定时器有额外的意思,本来我以为它就是简单的一个延时动画,其实他是在等待另外一个函数执行完毕.-_-||.最后还是很高兴能写出来,…

jQuery实践——属性和css篇

属性: attr html:<div>demo1</div> jQuery:$("div").attr("id","demo1"); removeAttr: $("div").removeAttr("id"); prop: html:<input type="text" value="demo2"/> jQuery:$("…

jQuery实践——选择器篇

一.基本 #id: html:<div id="demo1">demo1</div> jQuery:$("#demo1").css("background","red"); element: html:<div>demo2</div> jQuery:$("div").css("background","blue");…

jquery: json树组数据输出到表格Dom树的处理方法

项目背景项目中需要把表格重排显示处理方法思路主要是用历遍Json数组把json数据一个个append到5个表格里,还要给每个单元格绑定个单击弹出自定义对话框,表格分了单双行,第一行最后还要改rowspan,程序还没优化运行正常先给客户展示先 1,表格数据->json数组 2,json树组数据输出到表格Dom树 2015/3/25日已优化并重构程序 /** * @create: nelson * @initITMTableV2 初始化表格内容 * @调用方式 $("#main_cont…

jquery实践案例--验证电子邮箱

<input type="email" name="email" id="email" value="" onpaste="return false"/> 我们来看看都有哪些邮箱: 我们如果一个个的邮箱进行判断,显然是不可能的了. —个完整的Internet邮件地址由以下两个部分组成,格式如下:登录名@主机名.域名中间用—个表示“在”(at)的符号“@”分开,符号的左边是对方的登录名,右边…

jquery实践案例--验证手机号码

如果要做手机号的验证,那么我们需要知道手机号码的号段. 182 183 187 188 155 156 176 186 189 //移动运营商:170 移动: 2G号段(GSM):134-139.150.151.152.158-159: 3G号段(TD-SCDMA):157.187.188.147. 联通: 2G号段(GSM):130-132.155-156: 3G号段(WCDMA):185.186. 电信: 2G号段(CDMA):133.153: 3G号段(CDMA2000):180.189.…

jquery 实践总结

Ready事件对DOM操作之前需要监听页面加载进度,应当在页面加载完成之后再执行DOM编辑操作. $(document).ready(function(){ ... }); 或者 $(function(){ ... }); 选择器 1.优先使用原生方法var el = document.getElementById("element");2.优先使用id选择器性能顺序:ID选择器 > 标签选择器 > 类选择器 > 属性选择器 > 伪类选择器 //性能从上到下递…

Jquery ztree树插件

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

Jquery ztree树插件2

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <…

jquery选择树：CheckTree 插件

在做权限等提交的时候,需要用到选择树.比较了很多插件如:easyUI 树,ztree等等.本来决定自己写,但是到最后还是发现了checkTree这个插件.省了很多事情. 但是在引用过程中还是出现了一些问题.所以将demo贴出来供网友使用! 废话不多,上图: ! http://blog.csdn.net/kalision/article/details/7842149 demo文件:下载…

jquery 实践操作：iframe 相关操作

此篇记录关于HTML 的 iframe 元素的相关记录定义:iframe 元素会创建包含另外一个文档的内联框架(即行内框架). 常用的基本 iframe 设置(详细设置属性参考API:http://www.w3school.com.cn/tags/tag_iframe.asp): <iframe id="alarmStateTabIframe" scrolling="no" src=""></iframe> 关于 if…

jquery 实践操作：div 动态嵌套(追加) div

此片记录在指定 div 中动态添加 div html(): append(): 在被选元素的结尾(但仍在元素内部)插入指定的内容. 语法: $(selector).append(content); //其中,参数content是必需的,指定要附加的内容. append 能够使用函数给被选元素附加内容,语法为: $(selector).append(function(index,html)); //function()是必需的,参数index和html都是可选的.index表示接收选择器的inde…

jquery 实践操作：attr()方法

此篇要记录的是关于 jquery 的 attr() 方法在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,用一个attr()就可以全部搞定了,赞一个先 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. . attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过…

jquery 实践操作：div 动态嵌套页面

此篇记录如何在指定 div 中嵌套一个页面 load() 方法: 1. 使用 $.load() 直接导入一个页面 $('#addPage_div').load("temp/handle.html", function () { //其他操作,可对载入的 handle.html 中元素进行操作 }); 2. 加载页面片段 $("#result").load("ajax/test.html #container"); 3. 以 POST 形式发送附…

jquery 实践操作：load()方法

最近决定总结下实际项目中的 JS 相关的一些操作,因此开启此系列,记录使用过程中用到的一些实用操作问题和解决方法,给自己一份记录. jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的. load() 方法: 完整语法格式:load( url, [data], [callback] ) /*参数:url是指要导入文件的地址. data:可选参数:因为load不仅仅可以…