随笔分类 -  jQuery学习笔记

这个分类写不完，这辈子也就这样了
十六、使用jQuery操作元素 —— DOM属性与HTML元素属性
摘要：在jQuery官方文档中，分别是这样对应的。属性：Attributes；CSS：CSS。区分DOM属性和HTML元素属性HTML元素的属性大家应该都知道，比如<img>元素的src，id等。最终浏览器会解析HTML，构建DOM模型，也就是说浏览器会解析HTML元素为DOM元素。javascript中获取到的都是DOM元素，而不是HTML元素。HTML元素属性和DOM属性的名称和值大部分都相同，所以导致很多人都错误的认为两者是相同的。区分HTML元素属性和DOM属性是一件很考验经验和记忆力的事情，那是曾经。现在jQuery的属性操作函数attr()就可以忘记这些差异。使用javasc 阅读全文

posted @ 2012-08-15 08:44 木饭 阅读(2263) 评论(0) 推荐(0) 编辑

十五、查找函数——找到目标对象。串联函数——操作对象链
摘要：查找函数的作用是从集合内再次查找匹配的元素，查找函数和过滤函数有时候是可以替换的。查找函数列表：名称说明举例add(expr)expr可以是选择器表达式、DOM对象、jQuery对象、集合或者HTML字符串。如果是HTML字符串则会动态创建对象并添加到jQuery对象集合中$(“p”).add(“<span>Again</span>”)动态的生成一个元素，并添加到匹配的元素中。children([expr])取得jQuery对象集合中所有匹配满足表达式的直接子元素。省略expr参数表示选择所有直接子元素。注意：parents()将查找所有祖辈元素，而chlidren() 阅读全文

posted @ 2012-08-10 11:48 木饭 阅读(621) 评论(0) 推荐(0) 编辑

十四、过滤函数-筛选对象集合
摘要：页面上经常会创建DOM元素、删除DOM元素。因为jQuery对象是以集合的形式存在的，所以还要执行将DOM对象添加到jQuery对象集合、从jQuery对象集合中删除等操作。jQuery官网将管理jQuery对象集合的函数放在了"Traversing"分类中。Traversing分类下主要包括三个子类：Filtering,Finding,Chaining分别是过滤，查找，链式操作。过滤函数的作用是：在已经选定的集合中，将匹配过滤函数的元素保留，将不符合的去除。列表如下：名称说明举例eq(index)返回集合中指定索引index的元素，从0开始计算$(“p”).eq(1)获取 阅读全文

posted @ 2012-08-09 21:43 木饭 阅读(863) 评论(0) 推荐(0) 编辑

十三、动态创建元素
摘要：使用javascript创建对象<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>jQuery-创建DOM模型</title><scriptsrc="../Static/com 阅读全文

posted @ 2012-08-09 10:34 木饭 阅读(258) 评论(0) 推荐(0) 编辑

十二、内容过滤器，可见性过滤器，属性过滤器，子元素过滤器，表单类别过滤器，表单属性过滤器
摘要：所有内容过滤器列表如下：名称说明举例:contains(text)匹配包含给定文本的元素$(“div:contains(‘john’)”)查找所有包含JOHN的div:empty匹配所有不包含子元素或者文本的空元素$(“td:empty”):has(selector)匹配含有选择器所匹配的元素的元素$(“div:has(p)”).addClass(“test”)给所有包含p元素的div元素添加一个text类:parent匹配含有子元素或者文本的元素$(“td”:parent)查找所有含有子元素或者文本的td元素内容过滤器使用要点：内容过滤器中的contains和has是经常使用的过滤器。一个用 阅读全文

posted @ 2012-08-08 11:42 木饭 阅读(1000) 评论(0) 推荐(0) 编辑

十一、基本过滤器
摘要：过滤器和选择器是有区别的。过滤器的作用是在已经选择的元素中进行过滤操作。单独使用过滤器，相当于使用了“*”这个全选择器，性能会降低。所以在使用过滤器时，一定要在过滤器前添加选择器。下面是所有的过滤器：名称说明举例:first匹配找到的第一个元素$(“tr:first”)查找表格的第一行:last匹配找到的最后一个元素$(“tr:last”)查找表格的最后一行:not(selector)去除所有与给定选择器匹配的元素$(“input:not(:checked)”)查找所有未选中的input元素:even匹配所有索引值为偶数的元素索引从0开始计算$(“tr:even”)表格的1.3.5行:odd匹 阅读全文

posted @ 2012-08-07 20:38 木饭 阅读(292) 评论(0) 推荐(0) 编辑

十、选择器的学习 - 基础选择器、层级选择器
摘要：基础选择器是最简单的选择器，比如ID选择器、元素选择器都是javascript原生支持的功能，所以在jQuery内部可以直接调用，效率最高。基础选择器列表 名称中文常用叫法说明举例#idID选择器根据元素ID选择$(“divId”)选择ID为divId的元素Element元素选择器根据元素的名称选择$(“a”)选择所有<a>元素.class样式选择器根据元素的CSS选择$(“.bgRed”)选择所用CSS类为bgRed的元素*全选择器选择所有元素$(“*”)选择页面所有元素Selector1,Selector2,SelectorN多重选择器可以将几个选择器用逗号“,”分隔开，然后再 阅读全文

posted @ 2012-08-07 09:47 木饭 阅读(287) 评论(0) 推荐(0) 编辑

九、jQuery选择器基础
摘要：jQuery选择器是jQuery类库提供的最强大的功能之一，是所有功能的基础。什么是jQuery选择器？获取页面上的对象，并且将对象以jQuery对象的形式返回。var jQueryObject = $("#testDiv"); ID选择器示例。jQuery选择器核心函数jQuery(expression,[context])接收一个包含选择器表达式的字符串，然后用这个字符串去匹配元素。如果没有参数context，默认为在整个html文档中查找。如果指定了context，则在这个context中查找。返回元素的顺序等同于在context中出现的先后顺序。jQuery选择器分 阅读全文

posted @ 2012-08-06 10:26 木饭 阅读(175) 评论(0) 推荐(0) 编辑

八、jQuery文档处理程序和帮助文档api手册
摘要：jQuery中提供的$(document).ready事件。此事件会在DOM加载完毕后触发，而window.onload和body.onload都是在页面完全加载后触发。jQuery文档处理程序介绍jQuery中实现DOM加载完毕后的处理逻辑，只需要使用$(document).ready()事件。此事件函数成为jQuery文档处理程序。$(document).ready(function(){alert("document.ready")});如果页面上有大的图片，js文件等外部资源需要加载，jQuery的文档处理程序会在其之前执行，而window.onload和body. 阅读全文

posted @ 2012-08-03 15:57 木饭 阅读(439) 评论(0) 推荐(0) 编辑

七、jquery对象的学习，有难度
摘要：使用jquery的第一件事就是要使用jquery对象，jquery对象和javascript中的DOM对象是不同的。什么是jquery对象？jquery将一个DOM对象转化为jquery对象后就可以使用jquery类库提供的各种函数。可以将jquery对象理解为一个类，并且封装了很多的方法，而且可以动态的通过加载插件扩展这个类，类似于C#中的分布类partial class。除了jQuery工具函数，jQuery的操作都是从jQuery对象开始。比如：attr(key,value)<img id="myphoto" alt="my photo" s 阅读全文

posted @ 2012-07-31 11:41 木饭 阅读(1871) 评论(0) 推荐(0) 编辑

六、其他javascript秘籍
摘要：json javascript Object notation 即javascript对象表示法。json其实是一种数据格式。下面的语句创建一个对象： <script type="text/javascript"> var oPerson = { name: ",mufan", age: 100, school: { college:"jl", "high school":"jlu" }, like:["mm"] } </script>json的语法格 阅读全文

posted @ 2012-07-30 13:08 木饭 阅读(211) 评论(0) 推荐(0) 编辑

五、了解DOM
摘要：core DOMxml DOMhtml DOMDOM是一个文档树，根节点是HTML元素。documentElement的属性就表示HTML对象；firstChild，lastChild 一般就是head和body。获取元素有方法：1、getElementById 只能通过document对象调用。2、getElementsByName 一般只有获取表单时候才用。获取一组元素。3、getElementsByTagName 通过元素名称获取一组元素。下面是通过DOM操作HTML元素，动态创建一个div。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0T 阅读全文

posted @ 2012-07-29 10:17 木饭 阅读(170) 评论(0) 推荐(0) 编辑

四、javascript中的原型
摘要：prototype是javascript最特别的地方之一。无论是实现javascript的面向对象还是继承，使用prototype都必不可少。原型表示对象的原始状态，javascript中的每个对象都有一个prototype属性，但是只有function类型的prototype属性可以使用脚本直接操作。prototype本身一个是Object类型。prototype就是C#类中的实例方法和实例属性。function staticClass(){};staticClass.staticMethod = function() {alert("static method")};s 阅读全文

posted @ 2012-07-28 10:54 木饭 阅读(126) 评论(0) 推荐(0) 编辑

三、悟透javascript中的function
摘要：除了方法，function还可以用来声明“类”，就是C#中的class。通过伪装的方式。代码如下：<scripttype="text/javascript">functionCar(){this.color="none";if(typeofCar._initialize=="undefined"){Car.prototype.showColor=function(){alert(this.color);}}Car._initialize=true;}varcar=newCar();car.showColor();car.c 阅读全文

posted @ 2012-07-27 11:02 木饭 阅读(218) 评论(0) 推荐(0) 编辑

二、JavaScript基础 学好jQuery要了解的
摘要：JavaScript与ECMAScriptECMAScript 通过ECMA-262标准的脚本程序设计语言ECMAScript标准下有 javascript jscript actionscriptJavaScript分为值类型和引用类型两大类，有时也称为原始值和引用值。值类型：存储在栈(stack)中，一个值类型的变量其实是一个内存地址，地址中存储的就是值本身。引用类型:存储在堆(heap)中，一个引用类型的变量的值是一个指针，指向存储对象的内存处。还可以将javascript对象分为 本地对象、内置对象、宿主对象。实际使用中为了使javascript真正单纯，可以将javascript中的 阅读全文

posted @ 2012-07-26 10:08 木饭 阅读(329) 评论(0) 推荐(1) 编辑

一、认识jquery jquery风暴入门代码实例不能运行
摘要：学习jquery主要是看好它对不同浏览器的支持比较好，尤其手机和平板。2006年1.0版本开始。链式编程方式是从jquery这里听说的，看了下，比较易读。不同脚本类库的比较，有点多。dojo，extjs，yui，mootools，propetype，因为不了解，没有对这些比较的类库有印象。jquery的官网地址是http://www.jquery.com/，下载地址为 http://docs.jquery.com/downloading_jquery。版本类型目前看到有三种:1 Uncomperssed 未压缩版本的类库文件 2 minified 压缩后的类库文件 3 visual studi 阅读全文

posted @ 2012-07-25 19:35 木饭 阅读(842) 评论(0) 推荐(0) 编辑