随笔分类 -  Jquery开发

上一页 1 2 3 4 下一页
jQuery scroll事件
摘要:scroll事件适用于window对象,但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。 注意:和(window).height()和(document).height()的区别 补充一句和(window).scrollTop()和(document).scroll 阅读全文
posted @ 2017-11-28 17:51 Sharpest
jquery如何判断滚动条滚到页面底部并执行事件
摘要:首先理解三个dom元素,分别是:clientHeight、offsetHeight、scrollTop。 clientHeight:这个元素的高度,占用整个空间的高度,所以,如果一个div有滚动条,那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。 offsetHei 阅读全文
posted @ 2017-11-28 17:49 Sharpest
jquery dialog-优雅的弹出框
摘要:前面一章已经对datepicker的使用,做了简单的说明。这一章主要对dialog如何使用做个说明。 jquery ui-dialog在web开发中运用还是比较多的。最常见的例子就是登录功能的实现。运用dialog的好处就是不用刷新网页,直接弹出一个div层,让用户输入信息。使用起来也比较方便。下面 阅读全文
posted @ 2017-10-25 23:30 Sharpest
jquery datetimepicker 配置参数
摘要:1. jquery的datetimepicker时间控件除了样式有点不太美观,功能性还是相当强大的。 在正常情况下input的type应该设置为"text",可点击又可输入(mask,enterLikeTab 要在type="text"时使用);我个人选择时间时不太赞同支持输入,如果输入会有时间格式 阅读全文
posted @ 2017-10-25 21:19 Sharpest
$.ajaxForm提交表单和 $.blur()验证焦点离开
摘要:1 //页面加载完成之后 2 $(function(){ 3 //给Form表单绑定一个ajaxForm函数 4 $("#orgForm").ajaxForm({ 5 beforeSubmit:function(){ 6 ... 阅读全文
posted @ 2017-10-25 17:43 Sharpest
简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法
摘要:在WEB开发中异步请求方式普遍使用,ajax技术减少程序员的工作量,也提升用户交互体验。AJAX的四种异步请求方式都能实现基本需求,闲话不多说,直接切入正题。 1.$.getJSON $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: url:stri 阅读全文
posted @ 2017-10-25 17:40 Sharpest
jquery $.trim()方法使用介绍
摘要:$.trim(str) 返回:string; 说明:去掉字符串首尾空格。 示例: 先看个错误代码错误代码: 复制代码代码如下: <input type="text" name="" id="results" value=""/> var content = $('#content').val();  阅读全文
posted @ 2017-10-25 17:32 Sharpest
js和jquery设置disabled属性为true使按钮失效
摘要:设置disabled属性为true即为不可用状态。 document.getElementByIdx("btn").disabled=true;$("#btn").attr("disabled", true); <input type="button" value="提交" id="btn"> 1 阅读全文
posted @ 2017-10-25 17:11 Sharpest
jQuery.form.js使用
摘要:jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。 下载地址 1 <!DOCTYPE html> 2 3 <html> 4 <head> 5 <meta name="viewport" content="width=device-width" /> 6 <tit 阅读全文
posted @ 2017-10-25 11:50 Sharpest
jquery树状结构开发
摘要:1. 2. 2. 3. 阅读全文
posted @ 2017-10-24 23:25 Sharpest
JQuery load 方法使用
摘要:一、JQuery load 方法可以在一个页面动态加载另一个页面。这个特性的应用场景是查询页面。传统的查询页面是:输入查询条件,点击“搜索”后,提交表单,到查询条件传输到后台,获取数据后,跳转到原页面,然后通过循环显示查询到的结果。这样的不足是:页面会闪动,体验不好。 二、使用JQuery load 阅读全文
posted @ 2017-10-24 20:18 Sharpest
jQuery日期插件-日期时间选择器:datetimepicker
摘要:1. 日期时间选择器:datetimepicker helloweba.com 作者:月光光 时间:2012年04月13日 16:40 标签: jquery jquery ui 日期 时间 日期时间选择器:datetimepicker helloweba.com 作者:月光光 时间:2012年04月 阅读全文
posted @ 2017-10-24 14:46 Sharpest
JQuery 树状结构 jQuery-treeview.js 插件
摘要:由简入繁实现Jquery树状结构 在项目中,我们经常会需要一些树状结构的样式来显示层级结构等,比如下图的样式,之前在学.net的时候可以直接拖个服务端控件过来直接使用非常方便。但是利用Jquery的一些插件,也是可以实现这些效果的,比如说Jquery.treeview.js插件。 下面就直入主题,开 阅读全文
posted @ 2017-10-24 12:32 Sharpest
jquery中的$(function(){...})什么时候执行
摘要:documen.ready()在什么时候开始执行? $(document).ready()是DOM结构绘制完毕后就执行。 在网页中所有DOM结构绘制完毕后就执行。可以简写成:$(function (){ }); 但我们来看这段代码: <script type="text/javascript"> v 阅读全文
posted @ 2017-10-24 11:45 Sharpest
jquery之empty()与remove()区别
摘要:要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$("p").empty()来说,他只是把<p>dsfsd</p>中的文本给移除了,而留下 了<p></p>,仍保留其在dom中 阅读全文
posted @ 2017-10-17 16:43 Sharpest
jQuery插件之Form
摘要:一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即 阅读全文
posted @ 2017-10-17 16:40 Sharpest
jQuery使用ajaxSubmit()提交表单示例
摘要:这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下 ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示: 复制代码 代码如下 阅读全文
posted @ 2017-10-17 16:38 Sharpest
JQuery日期插件datepicker的使用
摘要:1. jQuery是一款非常优秀的脚本框架,其丰富的控件使用起来也非常简单,配置非常灵活。下面做一个使用日期插件datapicker的例子。 1、下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后到官网http://jqueryui.co 阅读全文
posted @ 2017-01-21 21:27 Sharpest
使用jQuery设置disabled属性与移除disabled属性
摘要:1. Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性 2. 表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textare 阅读全文
posted @ 2017-01-21 21:17 Sharpest

上一页 1 2 3 4 下一页