码迷,mamicode.com
首页 > Web开发 > 详细

jQuery核心

时间:2016-10-22 18:18:54      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:path   context   ext   css   class   选择器   append   ddc   parse   

1.构造函数
    jQuery把所有的操作都封装到jQuery()函数中,形成了唯一的入口。其参数为
        1>jQuery(expression,context)
            expression可以是ID,Dom元素名,CSS表达式或Xpath表达式。jQuery将根据此值匹配文档中的元素,然后把找到的元素封装到jQuery对象并返回。
            如: $(div#wrap>p:first).addClass("red");  //CSS表达式
            context 上下文.指定在文档DOM中的哪个节点开始进行查询。默认为document
            
        2>jQuery(html)
            html表示一个html结构字符串。
            如:$("ul").append($("<li>new item</li>"));
        
        3>jQuery(element)
            element是一个Dom对象
            如:$(document).ready( function(){
                                        ...;
                                    }
                                );
                        
        4>jQuery(fn)
            fn表示一个处理函数。
            如:$(    function(){
                        ...;
                    }
                );
            
2.链式语法,即一些函数的返回值仍为jQuery对象本身。
        如:$("input[type=‘button‘]").eq(0).click(    function(){
                                                        alert(‘Button clicked.‘);
                                                
                                                }
                                                ).end();
        end()函数取消当前的jQuery对象,返回前面的jQuery对象。(jQuery是类数组,或集合)
        
        注:1>在同一个jQuery对象上执行不超过3个方法,可以写在同一行。
            2>如果在同一个jQuery上执行很多操作,则应该分行。
            3>代码缩进
            
3.jQuery选择器
    支持ID、tagName、CSS1~3表达式及Xpath表达式。见:http://docs.jquery.com/Selectors。自定义的过滤方法
    jQuery支持 选择 和 过滤
        1.过滤
            * 表示从全部"*"元素中筛选
            如:$(":[title]") 等同于 $("*:[title]")
            
        2.选择功能没有默认范围。
            $(    function(){
                $("input[type=‘button‘]").click(    function(){
                                                        var i = 0;
                                                        //下面的匹配所有的输入框
                                                        $("input[type=‘text‘]").each(    function(){
                                                                                            i += parseInt( $(this).val() );
                                                                                        }
                                                                                    )
                                                    }
                                                );
            示例中:为按钮添加了一个事件。$(this)表示当前选择的文本框,或当前jQuery对象。
            
4.jQuery扩展

jQuery核心

标签:path   context   ext   css   class   选择器   append   ddc   parse   

原文地址:http://www.cnblogs.com/Abner5/p/5987802.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!