兄弟连前端分享-jQuery EasyUI 的EasyLoader实例 to move panel to other position $('#p').panel('move',{ left:100, top:100 }); 属性: title,类型是string,是显示在面板头部的标题文本,默认值为null. iconcls,类型是string,用一个css class显示在面板上的16x16的图标,默认值为null. width,类型是number,设置面板宽度,默认值是auto. heig…
进击的Python[第十六章]:Web前端基础之jQuery 一.什么是 jQuery ? jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多"的JavaScript库. jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 提示: 除此之外,Jquery还提供了大量的插件. 这里有一个jquery操作速…
 前端基础之jquery   一 jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2]   jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! [3]  它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 [4]  jQuery是一个快速的,简洁的javaScrip…
前端第四篇---前端基础之jQuery 一.jQuery介绍 二.jQuery对象 三.jQuery基础语法 四.事件 五.动画效果 六.补充each 一.jQuery简介 1.jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.‘’ 2.jQuery的优…
图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [FatherId] [int] NULL, [module_url] [nvarchar]() NULL, [module_order] [nchar]() NULL, CONSTRAINT [PK_SystemModel] PRIMARY KEY CLUSTERED ( [Id] ASC )WITH (…
前台界面:<!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> <title>DataGrid教程</t…
1.第一次看了官网的demo.引用的是EasyLoader.js文件,而不是引用jquery.easyui.min.js文件,我就有疑问了,百度一下. jQuery EasyUI是一款基于JQuery的UI高速搭建组件. EasyLoader是能够动态载入脚本和CSS文件.也能够动态载入EasyUI已有组件.须要引用EasyLoader.js文件,注意:这里就不须要引用jquery.easyui.min.js文件了. 比方须要载入linkbutton组件.则能够用以下的两种方式来载入: 第一种通…
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery EasyUI window窗口</title> <link rel="stylesheet" id="easyuiTheme" type="text/css" href="/themes/default/eas…
转载自http://www.cnblogs.com/liwenzhou/p/8178806.html 一.jQuery入门 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ 二.jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面…
jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:"Write less, do more." 优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写…
浏览目录 jQuery介绍 jQuery的优势 jQuery对象 jQuery内容 一.jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ 二.jQuery的优势 1.一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速…
通过之前的学习我们已经了解了html.css.javascript的相关知识:本次我们就共同学习进阶知识:jQuery~ 一.什么是jQuery? jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多"; jQuery库包含以下功能: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 二.jQuery使用 jQuery目前分为1.x…
知识预览 一 jQuery是什么? 二 什么是jQuery对象? 三 寻找元素(选择器和筛选器) 四 操作元素(属性,css,文档处理) 扩展方法 (插件机制) 回到顶部 一 jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2]   jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! [3]  它是轻量级的js库(…
JavaScript和jQuery的区别 JavaScript是一门编程语言,我们用它来编写客户端浏览器脚本 jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 Jquery能做的javascript都能做到,而javascript能做的事情,Jquery不一定能做到. 注意:一般情况下,是库的文件,该库中都会抛出来构造函数或者对象,如果是构造函数,那么使用new关键字创建对象,如果是对象直接调用方法和属性. DOM文档加载的步骤 解析HT…
写在前面 上课第15天,打卡: 张国臂掖,以通西域: ########### # 课上简书 # ########## http://jquery.cuishifeng.cn/index.html JQuery对象: Jquery.方法 $.方法 # Jquery和$是完全一样的 JQuery的方法只能JQuery对象调用 JS的方法只能JS使用 变量命名: JS var $variable = jQuery 对象 JQuery var variable = DOM 对象 JQuery语法:$(s…
jquery: JS Bootstrap jquery: write less do more jquery对象: Jquery.方法 ======= $.方法 jquery的基础语法:$(selector).action() selector:查找想操作的标签 选择器: 基本选择器: $("*") $(".class") $("#id") $("element") 组合选择器 $("ul li") $(&…
阅读目录 一 jQuery是什么? 二 什么是jQuery对象? 三 寻找元素(选择器和筛选器) 四 操作元素(属性,css,文档处理) 扩展方法 (插件机制) 一. jQuery是什么? [1]   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. [2]   jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! [3]  它是轻量级的js库(压缩后只…
实例练习 左侧菜单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>left_menu</title> <style> .menu{ height: 500px; width: 20%; background-color: gainsboro; text-align: center; floa…
1. ajax 1.1 什么是ajax AJAX = 异步的javascript和XML(Asynchronous Javascript and XML) 简言之,在不重载整个网页的情况下,AJAX通过后台加载数据,并在网页上进行显示. 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本.HTML.XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中. 1.2 jQuery常用方法 1.2.1 load() jQ…
一.jQuery是什么? 1. jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. 2. jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! 3. 它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 4. jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTMLdocument…
function setOpacity(eles){ $(eles).each(function(){ if($.browser.msie){ $(this).clone().empty().insertAfter($(this)) .css({"position":"relative","top":-$(this).height()}) .css("z-index",-1).addClass("opacityBgI…
一.常用事件 click(function(){...}) hover(function(){...}) blur(function(){...}) focus(function(){...}) change(function(){...}) keyup(function(){...}) keydown和keyup事件组合示例: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equi…
一.样式操作 样式类 addClass(); // 添加指定的CSS类名. removeClass(); // 移除指定的CSS类名. hasClass(); // 判断样式存不存在 toggleClass(); // 切换CSS类名,如果有就移除,如果没有就添加. 示例:开关灯和模态框 CSS css("color","red") // DOM操作:tag.style.color="red" 示例: $("p").css(&…
蒙版是PS中我们最常使用的工具,使用蒙版合成图片可以制作出非常绚丽的效果,并且看上去感觉很真,下面就以一个实例为大家分享一下蒙版的基本使用. 方法 1.在PS中打开准备好的素材,这里主要介绍蒙版的使用,方法大家了解即可. 2.将所有的图层移动到一个图层中. 3.如果多个素材先将使用的素材扣取出来最好,因为多个素材叠加在一起蒙版效果不好.抠图如果是背景比较单一且对比明显的图片直接使用魔棒工具即可.快速选择工具也很好用. 首先隐藏不用的图层,保留要抠图的图层,然后扣取图像,一次操作即可. 4.调整各…
1. 事件 前面我们介绍完js的事件流的概念之后,相信大家对事件流也有所了解了.那么接下来我们看一下jquery的事件操作. 在说jquery的每个事件之前,我们先来看一下事件对象 . 1.1 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 1.什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 2.事件通常与函数…
1. jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作.比如prop().removeProp() 类样式操作:是指对DOM属性className进行添加,移除操作.比如addClass().removeClass().toggleClass() 值操作:是对…
1. jQuery动画效果 jQuery提供的一组网页中常见的动画效果,这些动画是标准的.有规律的效果:同时还提供给我们了自定义动画的功能. 1.1 显示动画 方式一: $("div").show(); 无参数,表示让指定的元素直接显示出来.其实这个方法的底层就是通过display: block;实现的. 方式二: $('div').show(3000); 通过控制元素的宽高.透明度.display属性,逐渐显示,2秒后显示完毕. 方式三: $("div").sho…
1. jQuery选择器 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素. 1.1 基本选择器 例子如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div><…
1. jQuery概述 1.1 为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件. 代码容错性差. 浏览器兼容性问题. 书写很繁琐,代码量多. 代码很乱,各个页面到处都是. 动画效果很难实现. jQuery的出现,可以解决以上问题. 1.2 什么是jQuery jQuery是一个JavaScript框架.它兼容CSS3,还兼容各种浏览器.文档说明很全,应用详细,成熟插件多. jQuery2.0及后续版本不再支持IE…
类的定义 在Python中,类通过class关键字定义,类名以大写字母开头 >>>class Person(object): #所有的类都是从object类继承 pass #pass先不做任何处理,先跳过,为了防止语法错误 创建类的属性 >>> class Person(object): address = 'Earth' #类的属性直接在类内部定义,当实例属性和类属性重名时,实例属性优先级高 def __init__(self, name): self.name =…