`

jquery基础语法

阅读更多
转自别人的文章:
转自:http://blog.csdn.net/Xviewee/archive/2008/04/02/2245419.aspx

先来看一下JQuery中一些比较常见的javascript的语法吧,了解JQuery的源代码,这是基础,我对Javasript研习得也不深,如有错误,欢迎高手指正。
<script>
(function(str)
{
    window.$ = window.tt = function(f){
        return f+'sdsd';
    };
    tt.prototype = {
        init: alert('1'),
        rr:alert('2')    ,
        j:function(){return 's'}
    }
    alert(str);
}
)('3');
alert($('cc'));
var s = new tt();
alert(s.j());
//alert(s.init);
//alert(s.init());
</script>

执行过程:上面的例子的运行结果是,分别输出1,2,3,ccsdsd,然后是s,为什么呢,程序的执行流程是这样的:(function(str){})('3')这一段其实就是定义一个匿名函数然后立即执行它。然后在定义tt类的原型的时候,给字段赋值同时执行,所以先后输出1,2,然后执行alert(str)语句,str这时等于3,然后执行匿名函数之后的语句,调用 function(f){return f+'sdsd';};函数,输出ccsdsd,然后new一个tt的实例s,s将继承tt类中的原型定义中的属性字段,然后调用s中继承的函数 function(){return 's'},输出s。


关于prototype: 如果将一个属性绑定一个函数,就像上例中的j:function(){return 's'},在调用时要用s.j()而不能用s.j,s.j将输出字符串function(){return 's'},因为在javascript这种动态脚本语言中,任何代码都可以通过eval()函数动态执行,所以,函数赋值给一个属性,其实相当于就是一个字符串。tt的prototype中的每个字段可用字段名加冒号的形式写,冒号一般就是等号的意思,冒号后跟者语句,各个字段之间用逗号隔开,最后一个字段一定不能有逗号,如果是return语句,一定要包含进function内,因为return语句只能作为在函数体内部,作为tt类的对象,s将自动继承tt的prototype的属性.但是,像上例中,如果执行注释掉的alert(s.init);输出是undefined,同样的 alert(s.init());也是不行的,因为alert是系统函数,将它赋值给一个变量是没有意义的。

转自:http://blog.csdn.net/Xviewee/archive/2008/04/02/2245419.aspx
分享到:
评论

相关推荐

    jQuery基础语法总结

    jQuery基础语法

    Jquery基础语法

    **jQuery基础语法详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和高效的DOM操作而备受开发者喜爱。它极大地简化了JavaScript的使用,使得网页动态化和交互变得更加容易。在本文中,我们将深入探讨jQuery...

    JQuery基础语法小结

    JQuery基础语法涵盖了在Web开发中使用JQuery库进行DOM操作和事件处理的核心知识点。JQuery以其简洁的语法和强大的功能,成为了众多前端开发者不可或缺的工具。下面,我们将详细介绍JQuery基础语法的几个核心概念。 ...

    jQuery基础语法实例入门

    本文实例讲述了jQuery基础语法。分享给大家供大家参考。具体分析如下: 此语法规则有两个部分组成:获取jQuery对象和对jQuery对象执行的操作。 代码如下:$(selector).action() 下面就对以上语法规则进行详细的阐述:...

    jquery template 语法总结

    ### jQuery Template 语法详解 jQuery Template 是一个非常实用的功能,它可以帮助前端开发者更方便地处理动态数据渲染到 HTML 模板中的任务。本文档将基于提供的文件内容进行深入讲解,帮助初学者更好地理解和掌握...

    JQuery语法

    JQuery 的基础语法非常简单,其格式为 `$(selector).action()`: - **$**:美元符号用于定义 JQuery 对象。 - **selector**:选择器用来“查询”和“查找” HTML 元素。 - **action()**:执行对元素的操作。 #####...

    基础jquery

    ### jQuery 基础语法 - **下载与引入**:jQuery 可以通过官网下载或者使用CDN链接引入。一旦引入到项目中,可以通过使用 `$` 符号来访问 jQuery 的各种功能。 - **文档就绪事件**:`$(document).ready(function)` ...

    jQuery 教程.doc

    #### 三、jQuery 基础语法 - **基本结构**:`$(selector).action()` - **美元符号 `$`**:用于定义 jQuery 对象。 - **选择符 `selector`**:用于“查询”和“查找” HTML 元素。 - **动作 `action()`**:对选中...

    jquery 幻灯片以及tabs切换插件

    要实现这些功能,开发者需要对 jQuery 基础语法有一定了解,包括选择器、事件处理、DOM 操作等。例如,幻灯片的创建可能涉及 `.slideUp()` 和 `.slideDown()` 方法,而 tabs 切换则可能使用 `.hide()` 和 `.show()` ...

    Murach.Murachs.JavaScript.And.JQuery

    - jQuery基础语法:包括如何选择元素、绑定事件、创建动画等。 - jQuery的Ajax方法:如何使用jQuery进行异步数据交换,包括GET和POST请求的处理。 - jQuery插件:扩展jQuery功能的方法,包括介绍了如何使用流行的...

    jQuery核心语法

    ### jQuery核心语法详解 #### 一、页面元素的引用 在使用jQuery时,最基础的操作之一就是选择页面上的元素。这通常通过`$()`函数来完成。`$()`函数可以根据不同的选择器(如ID、类名、元素名称、层级关系等)来...

    jquery资料

    **jQuery基础语法详解** jQuery,一个轻量级的JavaScript库,因其简洁的API和高效的DOM操作,成为前端开发中广泛使用的工具。对于初学者来说,理解并掌握jQuery的基本语法是入门前端开发的重要一步。本资料集合了...

    jQuery基础.pptx

    jQuery语法 1、jQuery简介 1.1 学习jQuery之前,需要以下基础知识 HTML CSS JavaScript 1、jQuery简介 1.2 什么是jQuery? jQuery是一个JavaScript函数库 轻量级,“写的少,做的多” 包含以下功能: HTML元素选取 ...

    jquery1.5.2文件大全

    3. **jQuery基础语法** - `$(selector)`:这是jQuery的基本语法,用于选择HTML元素。例如,`$("p")`会选择所有的段落元素。 - `$().function()`:选择元素后,可以调用各种函数来操作它们。例如,`$("p").hide()`...

    jquery例子,入门哦

    二、jQuery基础语法 1. 包裹选择器:jQuery的选择器类似于CSS,用于选取HTML元素。例如,`$("#id")`选择ID为"id"的元素,`$(".class")`选择所有class为"class"的元素,`$("tagname")`则选择所有指定的标签名。 2. ...

Global site tag (gtag.js) - Google Analytics