jQuery免费学习资料

Free jQuery Study Resources  

jQuery基础

jQuery Basic  
  • jQuery的document.ready event,当DOM加载后执行,允许多次使用。
    $("document").ready(function( ){ ... });
  • setInterval(),应该是javascript的方法。
    setInterval(code,millisec,lang)

    用于每过一定时间,执行一次code,这个code也可以是函数。

jQuery选择器

jQuery Selector  

首先这里是jQuery官网上的Selector文档

jQuery使用CSS风格的选择方式,下面是一些样式:

Selector中有一些被称为Filters:

另一些叫做Attribute Filters

一些叫Content and Visibility Filters

一些叫Child Filters

还有Form Selector:

此外还有一些Taversing(遍历)的函数和属性: *其中size()和length作用是一样的,但是size()是个函数,length是个属性,后者使用更方便。

我现在用到的:

  • 类选择器:

    • 类选择器 (“.class”) 。IE8的支持待测试。如果要再加上一些条件,可以用.not(“.class”),当然这只是.not()的一个用法而已。
  • 条件选择器:

创建设置和获取内容

Creat, Set and Get the Content  

$()函数可用以创建HTML内容

var newHeader = $( "</pre>
<h1>my new header</h1>
<pre>");
//or
var  myStr = "</pre>
<h1>my new header</h1>
<pre>";
var newHeader = $(myStr);

一些对HTML操作的函数

一些对Attribute操作的函数

一些插入内容的函数

一些Wrapping,replace,remove内容的函数

CSS操作

CSS Manipulate  

一些CSS的Filters 一些对CSS操作的函数 一些涉及位置的CSS操作position()是相对父元素的位置,这个父元素一定是指定了position的(如position:relative),否则指向document。 一些涉及尺寸的CSS操作  

Event  s事件

Event  

Bind和UnBind

一些快捷方式

Event   Object事件对象

动画和效果

Animation and Effect  

show(),hide()和toggle()

fade in, fade out and fade to

sliding

动画animate

有用的代码随记

Useful Codes  
  • .each( function(index, Element) ) Description: Iterate over a jQuery object, executing a function for each matched element.
  • event.preventDefault() 阻止事件默认的行为,比如阻止<a>被click的事件打开新的链接。
  • $(this).text().toLowerCase().replace(' ','-');

42 views

 Leave a Reply

(required)

(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

   
© 2011 虾子酱油学习网页设计 Suffusion theme by Sayontan Sinha