jQuery核心教程-优快云博客

====================jquery==========================
0，$()==jquery()
1.jQuery 语法 :$(selector).action()
2. 几乎可以选择任何想要的元素及组合元素。
【元素选择器】$("p#demo").选取所有 id="demo" 的 <p> 元素。
【属性选择器】$("[href]").选取所有带有 href 属性的元素。
【css选择器】$("p").css("background-color","red");
3. 【jquerycs】jquery库文件一般情况下是不会影响到网速的，
	现在的最新版本v3.0.0，是90K左右.
4.  jQuery 是为处理 HTML 事件而特别设计的.
5. jQuery hide() 方法.事件和函数关系如下，由事件触发函数。
	$("#hide").click(function(){
	$("p").hide();
  });  按钮：<button id="hide" type="button">隐藏</button>
6. $(function(){ }是$(document).ready(function()			        的简写。文档载入完毕就执行
7. 【参数】例如。$("p").hide(1000);1000为时间，单位ms.
hide(1000,callback函数)例：hide(1000,function（）{alert("警告")}).
动画结束后执行callback。
8. 【toggle();】相当于结合了hide()和show().

9.文档对象模型。DOM。DOM 是被视为节点树的 HTML
10，attr()方法用于获取属性值。
11,回调函数：
function(i,origText){
    return "Old text: " + origText + " New text: Hello world!
    (index: " + i + ")";
  }
12，我们将学习用于添加新内容的四个 jQuery 方法：
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
13.删除
remove()删除元素
empty()删除子元素
14，设置 CSS 类
addClass() 例子：$("h1,h2,p").addClass("t1 t2");向h1,h2,					p三个元素添加t1和t2两个类。
removeClass()移除类，toggleClass()切换类。
15，jQuery css() 方法
$("#div2").height(400).width(400).css({ "background-color": "yellow", "font-size": "200%" }).css("background-color","red");

17.设置属性值。attr() 
.attr("href","http://www.w3school.com.cn/jquery");
18.遍历：
.parents()祖先元素。所有祖先。
$("span").parentsUntil("div");返回介于<span>与<div> 元素之间的所有祖先元素
.parent()直接父。
.find() 后代	$("p").find("span").css('color','red');
				选择p元素所有后代为span元素。设置颜色为红。
				$("p").find("span");//等价于 $("p span");
.children()直接子元素.

19同胞：
$("h2").siblings("p");

19.1$("h2").next();下一个同胞元素。
$("h2").nextAll();所有跟随的同胞元素。
$("h2").nextUntil("h6");介于两者之间的所有同胞元素。
19.2 prev(), prevAll() & prevUntil()同上。

20，过滤：
$("div p").first();选择第一个(div元素中的P元素)
$("div p").last();
$("p").eq(1);选择第二个p元素。因为0是第一个索引号。

$("p").filter(".intro");选择类名为intro的所有p元素。
$("p").not(".intro");选择类名非intro的所有元素。
20，日期时间选择器（插件中的）
            $('#startdate').datetimepicker({
                format: 'yyyy',显示格式为年
                weekStart: 1,每周开始天为周一
                autoclose: true,选择后自动关闭
                startView: 4,首先显示的视图为年(4)，
                minView: 4,精度为年(4)，
                forceParse: false,强制解析输入框中的值
                language: 'zh-en',
                startDate:2014
            });
================= ajax ===========
21，
ajax:异步的 JavaScript 和 XML。网页局部更新。
==================================
22,
$("span", this).addClass("bar");
将 span 选择器限定到 this 这个环境中，只有被点击元素中的 span 会得到附加的 class。

23.
最简单的写法是$(function(){}),这是简写。和$(document).ready(function(){}) 是相同的，jQuery(function($){ }) 为了防止和其它类库冲突

24,设置多个属性
$("#tab").attr({"href":"http://www.baidu.com","A":"a"})

25，$(IDX)
若id为变量，则不要引号。

26，jQuery的选择器中的通配符
对于服务器控件，应选择解析之后的标签。<asp:TextBox  ID="txt_zrs"> 解析为<input
$("input[id$='zrs']")找id是以zrs结尾的input标签。

27】
多个对象执行一个函数：
$("#btn1,#btn2").click()
一个对象执行多个函数：
$("#btn").mouseover().mouseout()或者：$("#btn").bind({mouseout:function,mouseover:function})

28】委托
delegate() 方法的事件处理程序适用于当前或未来的元素（比如由脚本创建的新元素）
$("div").delegate("p","click",function);

29】事件冒泡
一个单击操作会触发alert函数的执行
click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。
如果你运行了$('a').bind(…)，而后新的链接经由AJAX加入到了页面中，则你的bind处理程序对于这些新加入的链接来说是无效的。而另一方面live和delegate则是被绑定到另一个祖先节点上，因此其对于任何目前或是将来存在于该祖先元素之内的元素都是有效的。

30】只让函数触发一次：.one()
$("#btn").one("click",function(){alert(45)})

31】监听浏览器窗口大小改变事件：.resize()
$(window).resize(function)
监听对象滚动条事件.scroll()
$("#div1").scroll(function)

32】.toggle()函数之间轮流切换
$("#btn").toggle(function1(),function2(),functionN(),...)

33】
$("#menu1 .dw").html("单位：人,元");
id为menu1下的class为dw的对象

34】
var cc=$("#filelist").find("input[name='fm']").val();
#filelist下，name为fm的input元素的值。