jquery日期控件

可考虑在你下一个项目中使用的 50 个 Bootstrap 插件 作者 jopen 2014-11-12 09:54:16 阅读目录 1. Bootstrap Multiselect 2. Bootstrap Dialog 3. Bootstrap Confirmation 4. Bootstrap Tag Input 5. Bootstrap File Input 6. Bootstrap WYSIWYG 7. Bootstrap Select 8. pNotify 9. Bootstrap Forms Helper 10. Pongstagr.am 11. X-editables 12. Bootstrap Lightbox Plugin 13. Editable Table 14. Timepicker 15. ClockPicker 16. Bootstrap Video Player 17. Bootstrap Progressbar 18. jQuery Sortable 19. Bootstrap Star Rating 20. Bootstrap Growl 21. Feedback Me 22. Bootstrap Image Gallery 23. jQuery Pagination Plugin 24. Tokenfield 25. Context.js 26

jQuery-ui的datepicker做得很不错，在项目中经常用到，但对其老是在界面上出现 “ ? ” 感觉很不爽。出现的位置在顶部 年和月之间 ，还有空的 日期单元格 。 这个问题困扰了我很长时间，一直想解决，但又没有时间。今天终于找到了问题的答案！ 之前认为是页面或库的编码问题，但反复修改后没有解决问题，于是肯定了datepicker本身的问题。查看源代码发现了问题所在，不过此问题已经在 jquery-ui-1.8.21.custom.min.js 中得到了修正。但在 jquery-ui-1.8.19.custom.min.js 版本中存在此问题（之前版本也有可能），可以修改对应部分。以下是两个版本就此问题的差异部分： 1.标题部分 jquery-ui-1.8.19.custom.min.js return l+=this._get(a,"yearSuffix"),k&&(l+=(f||!i||!j?" ? ":"")+m),l+="</div>",l jquery-ui-1.8.21.custom.min.js return l+=this._get(a,"yearSuffix"),k&&(l+=(f||!i||!j?"   ":"")+m),l+="</div>",l 2.日期部分 jquery-ui-1.8.19.custom.min.js (bb&&!G?" ? "

目录 JQuery JQuery介绍 JQuery优势 JQuery内容 JQuery版本 JQuery对象 JQuery基础语法 查找标签 基本选择器 层级选择器 属性选择器 基本筛选器 表单筛选器 筛选器方法 操作标签 样式标签 位置操作 尺寸 文本操作 属性操作 文档处理 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入 事件委托 JQuery JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ JQuery优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持

目录 一、jQuery介绍 1.1jQuery的优势 1.2jQuery的内容： 1.3jQuery版本 二、jQuery对象 三、jQuery基础语法 3.1查找标签 3.1.1基本选择器 3.1.2 层级选择器： 3.1.3基本筛选器： 3.1.4属性选择器： 3.2单表筛选器 表单筛选器 ： 3.3筛选器方法 3.4操作标签 3.4.1样式操作 3.1.2位置操作 3.4.3文本操作 3.4.4属性操作 3.5文档处理 3.6事件 3.6.1常用事件 3.6.2绑定事件 3.6.3移除事件 3.6.4阻止后续事件执行 3.6.5阻止冒泡事件 3.6.6事件委托 3.7页面载入 3.7.1与window.onload的区别 一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ 1.1jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了

目录 JQuery介绍 JQuery优势 JQuery版本 JQuery对象 声明JQuery对象的语法 JQuery基本的语法 JQuery把文件导入模板中 查找标签 基本选择器 层级选择器 筛选器 基本筛选器 属性筛选器 表单筛选器 操作标签 样式操作 文本操作 文档处理 属性操作 克隆 位置操作 事件 事件的绑定 input监听默认的事件 阻止事件冒泡 JQuery介绍 JQuery是一个轻量级、兼容多浏览器的js库，相当于python中的模块。 JQuery使用户能够更方便的处理HTML Document、Evnets（事件触发器）、实现动画效果、方便进行Ajax（创建快速动态页面的技术）、交互，能够极大的简化js编程。它的总是就是：写很少的代码，做更多的事情 JQuery优势 一款轻量级的js框架。JQuery核心js文件才几十kb，不会影响页面的加载速度。 丰富的DOM选择器，JQuery的选择器用来很方便，比如要找到某个DOM对象的相邻的元素，js也是一行代码就能搞定。 链式表达式。JQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。JQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax（创建快速动态页面的技术）操作支持。JQuery简化了AJAX操作

目录 BOM与DOM window对象 navigator对象（了解即可） screen对象（了解即可） history对象（了解即可） location对象 弹出框 计时相关 DOM对象 DOM结构 查找标签 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点： 替换节点： 属性节点 获取值操作 class的操作 指定CSS操作 事件 常用事件 绑定方式 jQuery 介绍 优势 版本 基础语法 使用 jQuery对象 查找标签 基本选择器 层级选择器： 基本筛选器： 属性选择器： 表单筛选器 ： BOM与DOM BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 DOM （Document Object Model）是指文档对象模型，通过它，可以访问HTML文档的所有元素。 window对象 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write()。 window对象方法 方法 说明 open()、close() 打开窗口、关闭窗口 resizeBy()、resizeTo()

目录 jQuery介绍 jQuery的优势 jQuery内容 jQuery对象 jQuery基础语法结构 jQuery 使用注意事项 查找标签 基本选择器 层级选择器 jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件

目录 BOM window对象 window的子对象 navigator对象(了解) screen对象(了解) history对象(了解) location对象 弹出框 计时相关 DOM HTML DOM 树 查找标签 直接查找 节点操作 创建节点 添加节点 删除节点 替换节点 属性节点 获取值操作 class的操作 指定css操作 事件 常用事件 绑定方式 jQuery jQuery介绍 jQuery的优势 jQuery内容 BOM ​ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 ​ Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write() window对象 所有浏览器都支持 window 对象。它表示浏览器窗口 如果文档包含框架(frame或iframe标签), 浏览器会为HEML文档创建一个window对象, 并为每个框架创建一个额外的window对象 没有应用于window对象的公开标准,不过所有浏览器都支持该对象 所有JavaScript全局对象的属性

01. BOM & DOM 1.BOM Browser Object Model 是指浏览器对象模型，它使JavaScript有能力与浏览器对话 window对象 所有浏览器都支持window对象，它表示浏览器窗口。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。 所有javascript全局对象，函数以及变量均自动成为window对象的成员 全局变量时window对象的属性，全局函数是window对象的属性之一 HTML DOW 的 document 也是window对象的属性之一 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新的窗口 window.close() - 关闭当前窗口 window的子对象 navigator 对象 浏览器对象，通过这个对象可以判定用户所使用的浏览器，包含了浏览器相关信息 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent // 客户端和绝大部份信息 navigator

46 BOM JQuery开头 01. BOM & DOM 1.BOM Browser Object Model 是指浏览器对象模型，它使JavaScript有能力与浏览器对话 window对象 所有浏览器都支持window对象，它表示浏览器窗口。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。 所有javascript全局对象，函数以及变量均自动成为window对象的成员 全局变量时window对象的属性，全局函数是window对象的属性之一 HTML DOW 的 document 也是window对象的属性之一 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新的窗口 window.close() - 关闭当前窗口 window的子对象 navigator 对象 浏览器对象，通过这个对象可以判定用户所使用的浏览器，包含了浏览器相关信息 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent //