随笔分类 -  jQuery

摘要：1. 加载DOM $(document).ready(function(){ //code }); //简写 $(function(){ }) 与window.onload的区别：jquery的ready函数在DOM树加载完后即可执行，而window.onload则必须等待网页中所有元素加载完后才执行。window.onload只能执行一次，而ready可执行多次。 window.onload=function(){ }; jquery中与window.onload等同的函数是： $(window).load(function(){ ... 阅读全文

摘要：1. DOM操作的分类： DOM Core:JavaScript中的getElementByID，getElementByTagName，getAttribute，setAttribute等方法都是其的组成部分。 HTML_DOM：如document.forms //HTML-DOM提供了一个forms对象；element.src //获取某元素的属性。 CSS_DOM:获取和设置style对象的各种属性，如element.style.color="red"。2. jQuery中的DOM操作： 1.查找节点： var $li=$('ul li:eq(1)') 阅读全文

摘要：CSS选择器选择器语法描述示例标签选择器E{　CSS规则;}以文档元素作为选择符td{ font-size:14px; width:200px;}a{ text-decoration:none;}ID选择器 #ID{ css规则；} 以文档元素的唯一标识符ID作为选择符 #note{ font-size:14px; width:200px;}类选择器E.className{ CSS规则；}以文档元素的Class作为选择符 div.note{ font-size:14px;}.dream{ font-size:14px;}群组选择器 E1,E2,E3{ css规则；... 阅读全文

摘要：jQuery对象和DOM对象 DOM对象：（Document Object Model，文档对象模型），俗称构建网页结构的基本标签，如html head body title h1等。 jQuery对象：通过jQuery包装DOM对象后产生的对象。如$("#foo").html(); //获取id为foo的元素内的html代码。 区别：在jQuery中无法使用DOM对象的任何方法，同样在DOM中也无法使用jQuery方法。 转换： jQuery对象转换为DOM对象：jQuery对象是一个数组对象，可通过数组下表来查找。 1. [index]方法：... 阅读全文

摘要：Jquery库分两种，分别是Jquery1.3.1(18KB,Mimified and Gzipped)和jQuery1.3.1（114KB，Uncompressed)。名称 大小说明jQuery-1.3.1.js 114KB 完整无压缩版，主要用于测试、学习和开发jQuery-1.3.1.min.js54KB/18KB经过JSMin等工具压缩后的版本，大小为54KB。如果服务器开启Gzip压缩后，大小将变为只有18KB，主要用于产品和项目 2. 在页面中引用。 3. 编写第一简单的jQuery代码。 1 2 3 4... 阅读全文