jQuery
关注
分享
扫一扫
锦天
这个作者很懒，什么都没留下…
展开
-
Attribute和Property的区别
比较AttributeHTML元素本身就有 的“选项”，格式：名称="值"。值类型只能为string。如果编辑HTML时设置了元素的attribute值，之后就算改了这个值，attribute依旧是默认的值。客户端向HTML元素添加的自定义的属性，推荐称为attribute。PropertyJS DOM对象的成员，称为property。可以用JS DOM对象访问prop...原创 2019-03-29 15:30:26 · 1470 阅读 · 0 评论 -
EasyUI panel 插件使用
EasyUI 插件的两种使用方法listHTML元素的属性名值对EasyUI插件的每个属性对直接写为HTML标签的属性对。不推荐EasyUI插件的所有属性对都写在HTML标签的data-options属性的字符串值中。先写HTML标签。再用JS对DOM元素进行操作。HTML<!DOCTYPE html><html lang="en"><he...原创 2019-04-27 17:40:12 · 773 阅读 · 0 评论 -
EasyUI 插件使用
linkAPI zhEasyUI源码 简单解析EasyUI最简答的插件-弹出框(messager)的使用EasyUI panel插件的使用usage设置|更新插件的属性|事件|方法$(selector).plugiinName({propertyList});，如：$("#p").panel({ title: "标题", iconCls: "icon-save", h...原创 2019-04-27 21:07:20 · 306 阅读 · 0 评论 -
jQuery中.bind() .live() .delegate() .on()的区别
linkjQuery中.bind() .live() .delegate() .on()的区别contentbind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数$("a").bind("click",function(){alert("ok");});live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再...转载 2019-04-28 07:39:12 · 207 阅读 · 0 评论 -
modal是什么
模态框（Modal）是覆盖在父窗体上的子窗体。通常用于显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。...原创 2019-04-28 10:05:15 · 3245 阅读 · 0 评论 -
EasyUI最简单的插件(弹出框)入门
pre - 依赖文件的下载和引入下载 jquery-easyui-1.7.0.zip，若失效则进官网下载。解压zip，以下为基本的依赖(本地 相对路径)<!-- CSS: ICON和默认主题 --><link rel="stylesheet" type="text/css" href="./jquery-easyui-1.7.0/themes/default/easyui...原创 2019-04-19 10:38:09 · 527 阅读 · 0 评论 -
EasyUI pagination
introeasyui-panel 面板easyui-pagination 分页条前后端接口/GetUserList?pageNumber=${pageNumber}&pageSize=${pageSize}/GetTableCount?tableName=${tableName}html<!DOCTYPE html><html lang="en">...原创 2019-04-29 23:41:05 · 468 阅读 · 0 评论 -
EasyUI datagrid插件 loader属性 使用详解
introloader 定义如何从远程服务器加载数据，如果返回false则取消动作。loader属性指向一个函数表达式：function(param, succcess(data), error) {...}。另：loadFilter属性用于过滤返回的分页数据的格式(必须包含total和rows)。code打印loader方法的三个参数// 定义如何从远程服务器加载数据。返回fal...原创 2019-05-08 14:51:45 · 6246 阅读 · 0 评论 -
EasyUI datagrid 返回数据 loadFilter与data
问题EasyUI datagrid documentloadFilter: function(obj) { // 数据过滤 return obj;}返回的obj规范：obj.total: 数值，表示总记录数。obj.rows: 对象数组，存储多行数据。如果obj直接就是一个对象数组，则：pagination中数据可以显示，但total属性不能正确取到值。imgJav...原创 2019-05-05 22:16:46 · 1659 阅读 · 0 评论 -
EasyUI menu
classeasyui-menu 菜单(内部可嵌套多个、多层菜单项menu-item)menu-item 菜单项menu-sep 菜单分割(在两个菜单项之间分割)props<div id="m"> <div id="New">New</div> <div id="Save">Save</div> <...原创 2019-04-30 23:50:59 · 421 阅读 · 0 评论 -
EasyUI form 设置请求数据的返回格式
IntroEasyUI框架的form插件，默认请求返回的数据类型为：text/plain。那么如果后端返回数据格式为text/json，怎么在前端设置进行匹配呢？我不知道。Code后端返回text/json格式的数据，被前端form插件当做text/plain格式的文档(即不能获取其成员属性)。只需要在form插件的success方法中对返回的字符串进行格式转换，解析为JS对象，即可...原创 2019-05-14 20:01:10 · 1466 阅读 · 0 评论 -
EasyUI validatebox插件 validType属性 remote规则的使用
introvalidType 用于定义字段的验证规则。其值可为string, array, object类型。EasyUI自带的validatebox.defaults.rules中有4种规则：email 匹配email正则表达式规则url 匹配URL正则表达式规则length[x, y] 允许x~y个字符remote[url, paramName] 向远程机发送AJAX请求验证值，...原创 2019-05-10 08:47:07 · 2265 阅读 · 0 评论 -
用JS或jQuery读写HTML元素的data-*属性
IntroHTML5新增了data-*属性。用jQuery读写data-*属性jQuery APIdata(key, value)data(obj)Code首先，在<head>中引入jQuery依赖(CDN或本地依赖)：<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js">...原创 2019-05-21 08:57:10 · 1592 阅读 · 0 评论 -
用AJAX发送JSONP请求解决跨域资源访问
intro为解决跨域，引入JSONP(JSON with Padding)。APIjQuery的静态方法$.ajax(url, ?settings)的settings参数对象的成员有很多，和跨域所用的JSONP相关的成员有：crossDomain, dataType, jsonpCallback, jsonpcrossDomain 类型：Boolean (同域请求默认为false，跨...原创 2019-04-22 22:08:06 · 1431 阅读 · 0 评论 -
jQuery中attr()和prop()的区别与使用
APIattr()系列attr(attributeName) 读取第一个匹配到的元素的指定属性值。attr(attributeName, value) 设置单个指定的属性值。attr(attributes) 设置多个。attr(attributeName, func) func为function(index, thisAttr)。prop(...原创 2019-03-29 16:23:24 · 10939 阅读 · 1 评论 -
jQuery中的jqXHR对象
intro官网介绍The jQuery XMLHttpRequest (jqXHR) object returned by $.ajax() as of jQuery 1.5 is a superset of the browser's native XMLHttpRequest object. For example, it contains responseText and respo...原创 2019-04-04 10:29:57 · 1988 阅读 · 0 评论 -
jQuery中的AJAX编程API
jQuery AJAX直接使用JS进行AJAX编程需要考虑不同浏览器的兼容性，且代码过于繁多。jQuery中对此进行了封装，以便快速调用。API$.ajax(url, ?settings) - jqXHR$.get(url, ?data, ?success, ?dataType)$.post(url, ?data, ?success, ?dataType)$.getJSON(url,...原创 2019-04-04 10:35:30 · 310 阅读 · 0 评论 -
jQuery中的$.fx与$.fn
$.fx$.fx是jQuery的特效。如果使用显示，滑动，淡入淡出，动画等，可以用$.fx.stop停止动画。$.fn$.fn是jQuery的方法的命名空间function namespace。添加到$.fn上的成员，会对用$(selector)宣导的每一个jQuery实例有效(可调用)。通常使用两个方法进行编写jQuery插件|jQuery扩展jQuery.extend(obj) ...原创 2019-04-04 11:28:47 · 533 阅读 · 0 评论 -
jQuery中鼠标事件mousexxx的执行顺序
jQuery 鼠标事件顺序mouseenter 鼠标移入元素上方mouseover 鼠标在元素上方mousemove 鼠标在元素上方且移动。mouseout 鼠标出了元素边界mouseleave 鼠标完全离开元素mousedown 按下鼠标mouseup 松开鼠标顺序：enter -> over -> move(多次) -> out ...原创 2019-03-28 13:34:25 · 895 阅读 · 2 评论 -
jQuery中键盘事件keyxxx的执行顺序
jQuery中键盘事件keyxxx的执行顺序事件keydown(?fn) 按下键帽时触发。keypress(?fn) 按下并松开同一个键帽会触发(必须是可打印的ASCII字符)。keyup(?fn) 松开键帽触发。其中fn为function(event) {...}，是为每次该类型事件绑定的处理函数。event.charCode ASCII码(数值)。event.key 返回ASCI...原创 2019-03-28 14:41:33 · 1333 阅读 · 1 评论 -
jQuery对象与DOM对象的互转
jQuery对象 --> JS对象使用[index]或get(index)访问jQuery对象即可，返回值即是普通的JS对象。jQuery对象为qObj，则：qObj[index]或qObj.get(index)可以得到JS对象。JS对象 --> jQuery对象用$()把JS对象包起来即可。...原创 2019-03-28 16:04:51 · 432 阅读 · 0 评论 -
jQuery与$
jQuery introHTML DOM API中利用JS方法可以对HTML元素等进行查询及操作。但较为麻烦。而jQuery就是一个JS函数库，里面包含了我们对DOM元素的常见操作的封装函数。jQuery write less do more，即用更少的代码做更多的事。sourcejQuery-1.7.js文件末尾有一行代码：故以下等效(引入jQuery库后)：window.jQu...原创 2019-03-28 16:43:57 · 958 阅读 · 0 评论 -
boolean attribute及其规范取值
intro布尔属性，常见于表单的控件。有checked, selected, required, disabled, enabled等等。规范取值不出现在元素的开始标签。视为false。<option>出现在元素的开始标签。出现皆视为true。取值为属性的名称字符串。<option selected="selected">最小化形式(属性名单独出现即可...原创 2019-03-29 14:00:35 · 1366 阅读 · 0 评论 -
jQuery源码结构分析
sum官网介绍jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-...原创 2019-04-16 22:04:32 · 312 阅读 · 0 评论 -
jQuery EasyUI源码结构分析
intro50个自调用函数EasyUI for jQuery 1.7.6EasyUI源码中共有50个自调用函数，格式皆为：(function($) { // ...})(jQuery);其中：第1个自调用函数：用于定义jQuery的静态成员.xxx和原型成员.xxx和原型成员.xxx和原型成员.fn.xxx。第2个自调用函数：事件监听器eventListener相关。...原创 2020-02-16 19:55:25 · 1165 阅读 · 0 评论 -
jQuery 1.7 源码大致结构
row data619 rows code.// jQuery JavaScript Library v1.7(function(window, undefined) {// Use the correct document accordingly with window argument (sandbox)var document = window.document, n...原创 2019-04-17 10:25:48 · 394 阅读 · 0 评论 -
Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4
BugUncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4Bootstrap.js需要jQuery 1.9.1 版本或更高的版本(但是要低于版本4)。解决：替换引用到的jquery为匹配的版本。<script src="ht...原创 2019-05-18 19:20:48 · 12146 阅读 · 0 评论