jQuery calculate Easy Slide EasySlide是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示...jstree jScrollPane jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。...jQuery.SerialScroll jQuery plugin: Autocomplete 自动完成输入框值让用户能够快速查找和过滤某些值。...这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。...只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。
content="text/html; charset=UTF-8"> jquery,ui,easy,easyui,web">...auto plain boolean 当设置为 true 时,就不用背景容器图片来呈现 tab 条。...false fit boolean 当设置为 true 时,就设置标签页(Tabs)容器的尺寸以适应它的父容器。...false border boolean 当设置为 true 时,就显示标签页(Tabs)容器边框。...27 selected number 初始化选定的标签页索引。该属性自版本 1.3.5 起可用。 0 showHeader boolean 当设置为 true 时,显示标签页(tab)头部。
大家好,又见面了,我是全栈君 UI标签库专题一:JEECG智能开发平台 BaseTag(样式表和JS引入标签) 1.BaseTag(样式表和JS引入标签) 1.1....Beta2 Jqueryui 引入版本号jquery-ui-1.9.2 prohibit 经常使用浏览器操作JS函数如禁用右键菜单,禁用回退。...參数 属性名 类型 描写叙述 是否必须 默认值 name string 表格唯一标示 是 null treegrid boolean 是否是树形列表 否 false autoLoadData boolean...2.1.3.方法 方法名 传入參数 描写叙述 reloadTable 无 又一次载入数据 reload+name 无 又一次载入数据name是表格唯一标示 get+name+Selected field 获取选定行传入字段的值...getSelected field 获取选定行传入字段的值 get+name+Selections field 获取全部选定行传入字段的数组集合 name+search 无 运行查询前提是Column
对它的插件感觉是非常舒服,特地把Easy UI的大部分功能属性做了一下汇总。 此属性列表请对比jQuery EasyUI 1.0.5,关于它的很多其它资讯请猛击这里。...默认true。 13)doSize:假设设置为True,该面板将重绘大小,并重建布局。默认true。...4)valueField:把该基础数据的值名称绑定到组合下拉框中[value]。...4)axis:当拖动块移动时定义轴,可选值是’v’或者’h’,当超出’v’和’h’的方位时将设置为null。...假设定义为非0值,消息框会在超时结束时自己主动关闭它。单位毫秒。 2)alert:显示一个打印窗体。
UI实现日期选择器 (1)定义输入日期的文本框: (2)使用jQuery UI启动日期输入 $('#datep').datepicker(); (3)设定输入的日期的格式...$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 5...."#ddlRegType ").get(0).selectedIndex=index;//index为索引值 设置select 选中的value: $("#ddlRegType ").attr("value...: (1)设置文本框的值: $('input:button').val('I am a button') $('input:checkbox').val('I am a checkbox') $('input...(1)设置下拉框的选中选项: $('select').val('option two'); (2)取得下拉框的选择项: alert($('select').val()); 【】联动下拉框的案例: 1.
(5)SelectedIndex属性:用来获取或设置ListBox控件中当前选定项的从零开始的索引。如果未选定任何项,则返回值为1。...11、ComboBox 控件 ComboBox 控件又称组合框,在工具箱中的图标为。默认情况下,组合框分两个部分显示:顶部是一个允许输入文本的文本框,下面的列表框则显示列表项。...(3)FilterIndex属性:用来获取或设置文件对话框中当前选定筛选器的索引。第一个筛选器的索引为1,默认值为1。 (4)FileName 属性:用来获取在打开文件对话框中选定的文件名的字符串。...如果未选定文件,该属性将返回空字符串("")。 (5)InitialDirectory属性:用来获取或设置文件对话框显示的初始目录,默认值为空字符串("")。...(8)Multiselect属性:用来获取或设置一个值,该值指示对话框是否允许选择多个文件。如果对话框允许同时选定多个文件,则该属性值为true,反之,属性值为false。默认值为false。
元素 :even 获取索引为偶数的指定选择器中的奇数行数据,索引默认从0开始 $("li :even")获取所有li元素中,索引为偶数的奇数行数据,如索引为0,2,4的第1个、第3个和第5个元素 :odd 获取索引为奇数的指定选择器中的偶数行数据,索引默认从0开始 $("li :odd")获取所有元素中,索引为奇数的偶数行数据,如索引为1,3,5的第2个、第4个和第6个元素...选择器 功能描述 :nth-child(index/even/odd/公式) 索引index默认从1开始,匹配指定index索引、偶数、奇数、或符合指定公式(如2n,n默认从0开始)的子元素 :first-child...prop(properties) 将一个键值对形式的对象设置为所有匹配元素的属性 prop(name, value) 为所有匹配的元素设置一个属性值 prop(name, function) 将函数的返回值作为所有匹配的元素的...,想要同时复制该节点的所有事件的处理,则可以将clone()方法的操作设置为true,否则节点复制时使用默认操作false即可。
Ø fillSpace:用来设置手风琴组件的高度与其父容器一致,将覆盖autoHeight,默认值是false。...Ø closeOnEscape:用来设置是否可以通过按下ESC键来关闭对话框,默认值为true。...Ø draggable:用来设置是否可以拖拽对话框进行移动,默认值为true。 Ø height/width:用来设置对话框的高/宽。...Ø modal:用来设置该对话框是否为模式对话框,默认值为false。...Ø resizable:用来设置对话框是否允许调整大小,默认值为true。 下面我们通过一个示例来演示上述参数的用法,参考代码如下所示。 示例9.9 <!
第二个选项是在对话框中的超链接上使用 data-rel 属性,并将其值设置为 back,如以下代码所示。当在对话框中包括一个 Cancel 按钮时,这是一个不错的选项。...该属性的默认值是 inline,但您也可以将它的值设置为 fixed,以便将工具栏(如,页眉)保持在一个特定的位置,即使在 Web 页面滚动时,工具栏的位置也不变。...利用 jQuery Mobile 框架将页眉和页脚工具栏设置为全屏 1>My Page Title...清单 14 显示了一个滑块元素示例,其 max 值为 10,min 值为 0,默认的 value 值为 2。 清单 14....该属性值将一个自定义 jQuery Mobile 选择列表转换为一个切换开关。 结束语 jQuery Mobile 框架提供一个为移动网站创建可用 UI 组件的快速解决方案。
其下载后的源码结构为: ? 这儿值得的一说的就是fonts中通过字体文件代替了过去的.png,其通过@font-face语法,将安全的Web字体实时下载到客户端,便于任意缩放、改变颜色。...该值为0;b是该css选择器上id数量的总和,一般为1个;c是用在该css选择器上的其他属性css选择器和伪类的总和,包括class(.btn)和属性css选择器li[id=red];d计算元素div和伪元素..., toggle:'ccc'};,当然也可以选定指定值$(#'aaa').data('role');,结果就是'aaa'。...data) return e.preventDefault();}) Tip: 此外还可以禁止响应式布局,即删除名为viewport的meta元素,并未.container设置一个默认值。...其他:Cikonss响应式icon;Flat UI扁平化风格;Metrao UI CSS,Win8效果;Messager弹框组件等。 第一次markdown体验,给自己点个赞。
jQuery补充知识点 链式编程 通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。...【案例:五角星评分案例.html】 each方法 jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了。...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector)....each(function(index,element){}); 【案例:不同的透明度.html】 多库共存 jQuery使用作 为 标 示 符 , 但 是 如 果 与 其 他 框 架 中 的 作为标示符...使用插件 jquery.lazyload.js 懒加载插件 jquery.ui.js插件 jQueryUI专指由jQuery官方维护的UI方向的插件。
由美国人 John Resig 在2006年1月发布 jQuery 是免费、开源的 jQuery 的分类: WEB版本:我们主要学习研究用的 UI版本:集成了UI组件,做图形化页面的 mobile版本...()); // 3、将 jQuery对象 转换成 js的dom对象 // 3.1、方式一:jQuery对象内部使用【数组】来存放所有的数据,可以通过数组的索引进行获取...例如:查找表格的1、3、5...行(即索引值0、2、4...)...,就设置value的值为默认值,否则不设置。...设置html代码,如果有标签,将被解析 text() 获得文本值,将标签进行过滤,即只获得文本 text(...)
*/ stop使用 /*1.停止当前动画 如果动画队列当中还有动画立即执行*/ //$('div').stop(); /*2.和stop()效果一致 说明这是默认设置*/...特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值...【案例:五角星评分案例.html】 each方法 jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了。...(function(index,element){}); 【案例:不同的透明度.html】 多库共存 jQuery使用 作 为 标 示 符 , 但 是 如 果 与 其 他 框 架 中 的 作为标示符,...使用插件 jquery.lazyload.js 懒加载插件 jquery.ui.js插件 jQueryUI专指由jQuery官方维护的UI方向的插件。
$(“#i1”).html()的意思是:获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。...index的那个元素 :even // 匹配所有索引值为偶数的元素,从 0 开始计数 :odd // 匹配所有索引值为奇数的元素,从 0 开始计数 :gt(index)// 匹配所有大于给定索引值的元素...val能修改input里面输入的内容 值 val()// 取得第一个匹配元素的当前值 val(val)// 设置所有匹配元素的值 val([val1, val2])// 设置多选的checkbox、多选...select的值 Example1 模态编程框 为所有匹配元素设置一个属性值 attr({k1: v1, k2:v2})// 为所有匹配元素设置多个属性值 removeAttr()// 从每一个匹配的元素中删除一个属性
*/ stop使用 /*1.停止当前动画 如果动画队列当中还有动画立即执行*/ //$('div').stop(); /*2.和stop()效果一致 说明这是默认设置*/...特殊属性操作 val方法 val方法用于设置和获取表单元素的值,例如input、textarea的值 //设置值 $("#name").val('张三'); //获取值...【案例:五角星评分案例.html】 each方法 jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了。...作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数 // 参数一表示当前元素在所有匹配元素中的索引号 // 参数二表示当前元素(DOM对象) $(selector).each(...使用插件 jquery.lazyload.js 懒加载插件 jquery.ui.js插件 jQueryUI专指由jQuery官方维护的UI方向的插件。
", //activeBtnClass字符串 默认值:"ui-btn-active"为激动状态的按钮分配 class 值。...defaultDialogTransition:"pop", //字符串 默认值:"pop"设置使用 Ajax 方式的对话框的默认过场动画。...linkBindingEnabled:true, //布尔值 默认值:true jQuery Mobile 会自动绑定锚标记到文档中, //设置该选项为 false 将阻止所有的锚点击处理,...Mobile //按 data-NS 属性值安排命名空间,默认为空,则直接 data-role ,举个简单的例子,若设置 NS 的值为 "custom" , //则此时需要定义一个 jQuery...pageLoadErrorMessageTheme"e", //字符串 默认值:"e"设置当 Ajax 加载页面错误时错误提示框的主题样式。
特点: 1.上手十分简单. 2.功能丰富 3.美观的UI界面....**modal boolean 定义是否将窗体显示为模式化窗口。...使用$.fn.dialog.defaults重写默认值对象。 该对话框是一种特殊类型的窗口,它在顶部有一个工具栏, 在底部有一个按钮栏。...tools: "#dd" }) }) 对话框窗口顶部工具栏 使用dialog属性toolbar 设置对话框窗口顶部工具栏,可用值有: 1) 一个数组,每一个工具栏中的工具属性都和...对话框窗口底部按钮,可用值有: 1) 一个数组,每一个按钮的属性都和linkbutton相同。
ajaxSetup()方法设置全局Ajax默认选项 1-9 使用ajaxStart()和ajaxStop()方法 1-10 练习题 1-11 编程练习 第2章 jQuery 常用插件 本章节先通过示例与插件相结合的方式...表示的dom对象转换为jquery对象,这样就可以使用jquery提供的方法操作 声明一个叫$this的jquery对象变量, 给声明的变量赋值,赋的值是将this的HTML元素转换为jQuery对象。...使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup...({options}); selector参数为显示弹出对话框的元素,通常为,options参数为方法的配置对象,在对象中可以设置对话框类型、“确定”、“取消”按钮执行的代码等。....spinner({options}); selector参数为文本输入框元素,可选项options参数为spinner()方法的配置对象,在该对象中,可以设置输入的最大、最小值,获取改变值和设置对应事件
先规划好这个JQuery组件的属性: InputName:文本框的name和id属性,默认值是“Q”; ButtonText:右侧按钮的文字,默认值是“示例”; ReadOnly:文本框的可编辑性属性。...默认值是-1,不设置最高高度,菜单的高度由菜单的条目决定; onSelect:设置选择菜单条目时调用的函数。默认值是$.noop(),JQuery中的空函数; Items:菜单条目的集合。...DropDownList的组件代码如下,由于是基于JQuery,故要把该代码置于JQuery引用代码之下: 代码比较简单,主要就是依据属性值来拼接HTML代码,下面简单的说明一下: ReadOnly的实现...:由于不是通过设置文本框的ReadOnly属性(会改变文本框的外观),因此采用绑定屏蔽掉文本框的cut、copy、paste、keydown事件来实现。...MaxHeight的实现:判断下拉菜单(元素UL)的高度是否超过MaxHeight,若超过则设置CSS属性Height和Overflow onSelect函数:要自己实现一个函数,参数有两个值,第一个值是文本框的名字
JQuery 类数组对象提供的函数都自带 for 循环遍历每个查找到的元素 (4). JQuery 函数底层都是 DOM 操作,所以可和原生的 DOM 操作组合使用 (5)....JQuery 对象方法的返回值一般还是当前选定的类数组对象,可以实现“链式调用” 7....JQuery ①. var value = $(..).attr('title') 读取属性的值 ②. $(..).attr('title', 'abc') 设置属性的值 提示:读取和设置元素的 data...,默认为 false,不复制监听函数 25....JQuery 对象插件函数 JQuery 对象插件函数就是为所有的 jQuery 对象添加的公共函数,用于操作当前选定的 DOM 元素 声明方式:JQuery.fn.max = function( ){