本文实例讲述了jQuery Dialog对话框事件用法。分享给大家供大家参考，具体如下： Dialog对话框事件 对话框应用场景 对话框是最常用、最实用的功能。 1） 静态提示类对话框，对话框的内容是固定的 2） 动态提示类对话框，对话框内容是根据事件源变化的 3） 遮罩类对话框，对话框弹出时背景变灰并且不可选 使用jQuery UI的Dialog 组件可以轻松实现上面三种效果 Dialog组件的主要特点是可以拖动（Draggable），可以改变大小（Resizabl...
本文实例讲述了jQueryMobile窗体长内容的缺陷与解决方法。分享给大家供大家参考，具体如下： 前面的一篇文章《jQueryMobile之Helloworld与页面切换的方法》没有考虑到窗体中放置长内容的状况 一旦窗体中出现长内容，使用笔者那种固定header与footer的全屏布局是存在缺陷的，如图所示，长内容最后的内容，直到滚动条拉到最底部也无法穷尽， 而且很有可能的是，虽然现在这个地方的内容是显示为半透明，但往往这个位置是一些提交按钮什...
本文实例讲述了jquery分页优化操作。分享给大家供大家参考，具体如下： 前言 上次写了博客 jquery分页显示，文章的jquery分页方式虽然可以通过js实现分页，但是也存在明显的弊端。 该篇文章的思路是，每次通过ajax请求获取到记录，然后通过判断当前页面，显示或者隐藏记录，以实现分页效果。但是这种方式，每次切换分页都需要从新请求一次记录，频繁的查询数据库。 下面提供一种，只需要加载一次（查询一次数据库）就能实现分页的思...
本文实例讲述了jQuery中DOM操作原则。分享给大家供大家参考，具体如下： 一丶Get and Set in One(读写一体) 原则 为了更加易于使用，jQuery提供了简洁的DOM操作API，其方法往往是读写一体的。也就是说，某个方法既可用于读取操作，也可用于设置操作。如果没有为其传入表示值的参数，则表示获取操作，将返回获取到的数据；如果为其传入了表示值的参数，则表示设置操作，它将设置DOM元素指定属性的值。 示例代码 // 没有传入value参数...
本文实例讲述了jQuery pager.js 插件动态分页功能。分享给大家供大家参考，具体如下： pager.js 代码 function Page(opt){var set = $.extend({num:null,startnum:1,elem:null,callback:null},opt||{});if(set.startnum>set.num||set.startnum<1){set.startnum = 1;}var n = 0,htm = ;var clickpages = {elem:set.elem,num:set.num,callback:set.callback,init:function(){this.elem.next(div.pageJump).children(.button).unbind(...
本文实例讲述了jQuery位置选择器用法。分享给大家供大家参考，具体如下： 位置选择器 jQuery同样也允许我们利用元素所在位置来获取所需组件 位置选择器语法如下： "$基本选择器:位置选择器"位置选择器种类 常用位置选择器的用法 选择第一个格式:$("selector:first");选择最后一个格式:$("selector:last")选择奇数格式:$("selector:odd")偶数行格式:$("selector:even")获取指定位置格式:$("selector:eq(n)")大于指定位置格式:$("sel...
本文实例讲述了jQuery属性选择器用法。分享给大家供大家参考，具体如下： 属性选择器 在HTML文档中，元素的开始标记中通常包含有多个属性(attribute) <input id="txtUsername" type="text" value="qiyisoft" name="email" style="display:block" />在jQuery中，除了直接使用id和class属性作为选择器之外，还可以根据各种属性（如title等）对由选择器查询到的元素进行过滤。 属性选择器包含在中括号"[]"中 语法如下： "$基本选择器[...
本文实例讲述了jQuery子选择器与可见性选择器。分享给大家供大家参考，具体如下： 子元素选择器与可见性选择器 子元素选择器是允许利用子元素的位置进行获取的选择器 子内容选择器3种用法 E:first-child选择所有位于其父元素第一个位置的E元素E:last-child选择所有位于其父元素最后一个位置的E元素E:nth-child(n)选择所有位于其父元素指定位置的E元素,n从1开始可见性选择器,顾名思义就是获取当前页面可见/不可见的元素 可见性选择器...
本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考，具体如下： 内容选择器 jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上，主要包括以下四种过滤方法： 内容选择器4种用法 内容选择器选取含有文本内容为“text”的元素格式:E:contains(text)包含元素选择器选取含有选择器所匹配的元素的元素格式: E:has(selector)空内容选择器选取不含任何子元素或文本的空元素格式: E:empty非空...
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考，具体如下： 层叠选择器 如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素，子元素，相邻元素和兄弟元素等，那么层叠选择器是一个非常好的选择。 位置选择器语法如下： "基准元素 层叠符号 目标元素"层叠选择器的用法 后代选择器格式:$("ancestor descendant")子选择器格式:$("parent>child")相邻选择器格式:$("prev+next")兄弟选择器格式:$("prev~sibli...
本文实例讲述了JQuery常见节点操作。分享给大家供大家参考，具体如下： 插入节点 append()和appengTo()：在现存元素内部，从后面插入 prepend()和prependTo()：在现存元素外部，从前面插入 after()和insertAfter()：在现存元素外部，从后面插入 before()和insertBefore():在现存元素外部，从前面插入 新建节点的插入 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><script src="http://libs....
本文实例讲述了JQuery事件委托原理与用法。分享给大家供大家参考，具体如下： 事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。事件委托首先可以极大的减少事件绑定次数，其次也可以让新加入的子集元素也拥有相同的操作。 一般绑定事件的写法以及事件冒泡 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <style type="text/css">.list{...
本文实例讲述了jQuery动态生成的元素绑定事件操作。分享给大家供大家参考，具体如下： 这段时间在写代码的时候遇到一个问题，通过append()添加的节点，点击事件不起作用。当时我百思不得其解，各种找错都没找到错误的原因。后来才发现是动态生成节点的问题，还是自己没有经验啊。 下面来总结一下这个问题的始末，温故而知新。 先看下click绑定事件的效果。 <div><p>a</p><p>b</p><p>c</p> </div>创建一个按钮来生成新的节点p <butt...
本文实例讲述了JQuery Ajax跨域调用和非跨域调用问题。分享给大家供大家参考，具体如下： 现在的互联网技术发展的越来越快，我们在开发过程中遇到的问题也越来越多。比如当我们需要进行跨域访问数据的时候该如何进行开发？本篇博文就记述如何使用Ajax进行跨域访问调用数据。 1、非跨域调用 我们用到的最多是这样的方式，也就是非跨域的进行访问，只是简单的在我们的网页中进行Ajax使用即可。如下面代码： /** * 非跨域请求方式 */ ...
本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考，具体如下： 初学jQuery，为了能系统地学习好jQuery，今天特意把自己的学习心得归纳一下，贴上来与初学者共享，今天我主要总结的是jquery的基本选择器。 基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它主要是通过元素的id、class、标签等来查找HTML中的DOM元素。在网页中每个id只能使用一次，class允许重复使用。在jQuery应用中，可以使用这些基本...