jQuery总结01_jq的基本概念+选择器】的更多相关文章

jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果. 为什么要学习jQuery? [01-让div显示与设置内容.html] 使用javascript开发过程中,有许多的缺点: 1. 查找元素的方法太少,麻烦.2. 遍历伪数组很麻烦,通常要嵌套一大堆的for循环.3. 有兼容性问题.4. 想要实现简单的动画效果,也很麻烦5. 代码冗余. jQuery初体验 [02-让div显示与设置内容.html] $(document).…
JQuery的基本概念 JQuery是一个javascript库,JQuery凭借着简洁的语法和跨平台的兼容性,极大的简化了js操作DOM.处理事件.执行动画等操作.JQuery强调的理念是:'write less, do more'(写的少,做的多). 1.JQuery的版本 版本 兼容范围 1.x版本 能够兼容IE678浏览器 2.x版本 不兼容IE678浏览器 3.x版本 不兼容IE678浏览器,更加的简洁 名称 大小 说明 jquery.js(开发版) 约229KB 完整无压缩版本,主要…
今天给大家分享一款基于jQuery带备忘录功能的日期选择器.这款日期控制带有备记忘录功能.有备忘录的日期有一个圆圈,单击圆圈显示备忘录.该实例适用浏览器:360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 不支持IE8及以下浏览器.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <header class="htmleaf-header">…
彻底抛弃PeopleEditor,SharePoint中利用Jquery Chosen创建新的人员选择器 基于SharePoint平台开发时,人员选择器使用频率是非常高的,但是原生的人员选择器使用太麻烦,而且非常笨拙,非常不友好,特别是对呆在政府部门的老爷们,要让他们手动输入人员,简直就是痴心妄想.总之一句话,越简单越好. 为了让客户满意,必须要对人员选择器进行改造,原生的PeopleEditor彻底抛弃.只能另辟蹊径,寻找适合的JQuery插件,创建新的人员选择器,分析了一下需求,可以归纳新的…
jQuery -- 知识点回顾篇(一):初见jQuery -- 基本用法,语法,选择器 1. 使用方法 jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数. 网页需要使用到 jQuery 时,需要先在网页中引入 jQuery 的 js文件. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/h…
on(events,[selector],[data],fn) •events:一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myPlugin" .•selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代.如果选择器为null或省略,当它到达选定的元素,事件总是触发.•data:当一个事件被触发时要传递event.data给事件处理函数. •fn:该事件被触发时执行的函数. false 值也可以做一个函数的简写…
测试代码: 07-子元素过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht…
自己手写的学习笔记.常规选择器: /****************学习--高级选择器(1)****************/---高级选择器:ie7+ 层次选择器: 后代选择器     ul li a    $('ul li a')    获取追溯到的多个dom对象            ie6+=子选择器     div>p        $('div p')    只获取子类节点的多个dom对象            ie7+next选择器     div+p{}    $('div+p'…
jQuery优势 1. 强大的选择器.jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器. 2. 出色的DOM操作封装 3. 可靠的事件处理机制 4. 完善的Ajax.jQuery将所有的Ajax操作封装到一个函数$.Ajax()里,使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题. 5. 出色的浏览器兼容性.jQuery2.0版本以后已经不再支持IE 6/7/8…
一.什么是JQuery 一个流行的js库 核心理念:write less , do more 优势:  轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Ajax 出色的浏览器兼容性 链式操作方式 JQuery对象是JQuery包装DOM对象所产生的对象 jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法  jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素. jQuery转DOM:通过下标(…