`
kalogen
  • 浏览: 880005 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript中 $符号的意思 比如element = $(element);什么意思?

阅读更多

Javascript中$符号的意思

$,是指prototype定义的一类方法

$("id")  得到的是页面id为"id"的元素
$F("id") 得到的是页面id为"id"的元素的值,这是只读的,不可写

参考文章
[url]http://www.bjcan.com/hengxing/readlou.asp?id=1346[/url]
[url]https://compdoc2cn.dev.java.net/prototype/html/prototype.js.cn.html[/url]



2. 通用性方法
这个程序包里面包含了许多预定义的对象和通用性方法。编写这些方法的明显的目的就是为了减少你大量的重复编码和惯用法。

2.1. 使用 $()方法
$() 方法是在DOM中使用过于频繁的 document.getElementById() 方法的一个便利的简写,就像这个DOM方法一样,这个方法返回参数传入的id的那个元素。

比起DOM中的方法,这个更胜一筹。你可以传入多个id作为参数然后 $() 返回一个带有所有要求的元素的一个 Array 对象。下面的例子会向你描述这些。

<HTML><HEAD><TITLE> Test Page </TITLE><script src="prototype-1.3.1.js"></script><script>  function test1()  {    var d = $(’myDiv’);    alert(d.innerHTML);  }  function test2()  {    var divs = $(’myDiv’,’myOtherDiv’);    for(i=0; i<divs.length; i++)    {      alert(divs[i].innerHTML);    }  }</script></HEAD><BODY>  <div id="myDiv">    <p>This is a paragraph</p>  </div>  <div id="myOtherDiv">    <p>This is another paragraph</p>  </div>  <input type="button" value=Test1 onclick="test1();"><br>  <input type="button" value=Test2 onclick="test2();"><br></BODY></HTML>
这个方法的另一个好处就是你可以传入id字符串或者元素对象自己,这使得在创建可以传入任何形式参数的方法的时候, 它变得非常有用。

2.2. 使用$F()方法
$F()方法是另一个非常受欢迎的简写。它可以返回任何输入表单控件的值,如文本框或下拉框。 这个方法可以传入元素的id或者元素自己。

<script>  function test3()  {    alert( $F(’userName’) );  }</script><input type="text" id="userName" value="Joe Doe"><br> <input type="button" value=Test3 onclick="test3();"><br>

分享到:
评论

相关推荐

    vue+element的表格中添加加减按钮的问题

    在Vue.js和Element UI框架中,创建一个带有加减按钮的表格是一项常见的需求,尤其在数据管理和编辑场景中。这个功能模块旨在实现一种表格行内操作,允许用户通过加减按钮来动态增删数据,同时确保每行的操作独立,不...

    基于vueelement的金额格式化组件

    在JavaScript开发领域,Vue.js作为一个轻量级但功能强大的前端框架,受到了众多开发者的青睐。在实际项目中,我们经常需要处理与金钱相关的数据,这时就需要用到金额格式化组件。"基于vue-element的金额格式化组件...

    jQuery插件开发指南.doc

    然而,为避免与其他库产生冲突,推荐的做法是使用即时调用的函数表达式(IIFE)将`jQuery`映射到`$`符号。这样做可以确保`$`不会被其他库覆盖,保持代码的健壮性。 ```javascript (function($) { $.fn.myPlugin = ...

    jquery API

    - `$.noConflict()`:释放$符号,避免与其他库冲突。 ### 7. 插件开发与使用 jQuery插件通常通过`.fn.extend`方法扩展jQuery对象。例如: ```javascript $.fn.myPlugin = function(options) { // 插件代码 }; ``...

    arcgis Element和feature区别_ArcGIS二次开发_

    在ArcGIS中,Element主要用于表示地图上的视觉元素,如符号、文本、图像等。Element并不直接与地理数据关联,它们可以是静态的,也可以根据用户交互或特定规则动态变化。例如,在地图上绘制的标记点、绘制的线条或者...

    JQuery基础实例教程,基础教学,本人亲自体验,特实用!实用。高手就别下了!!

    例如,使用`$`符号(jQuery对象)选取元素: ```javascript // 选取ID为"myID"的元素 var element = $("#myID"); // 选取所有class为"myClass"的元素 var elements = $(".myClass"); ``` **3. DOM操作** jQuery提供...

    在b、s开发中经常用到的javaScript技术.txt

    与“最大整数”类似,“最小整数”通常指的是JavaScript中能够表示的最小安全整数,可以通过 `Number.MIN_SAFE_INTEGER` 获取,其值为 `-9007199254740991`。 **示例代码:** ```javascript console.log(Number....

    解读jQuery插件开发流程_.docx

    - `$(jQuery)` 保证 `$` 符号指向的是jQuery库。 #### 增强插件的兼容性 - 为了增强插件的兼容性,并确保在其他库(如Zepto.js)存在的环境下也能正常工作,可以在自执行匿名函数中进一步封装: ```javascript ...

    javascript中的小技巧

    ### JavaScript中的实用小技巧 JavaScript 是一种广泛使用的脚本语言,尤其在网页开发中不可或缺。以下是一些在日常编码过程中非常实用的小技巧。 #### 1. 使用 `document.write("")` 清空页面内容 `document....

    jquery 实例

    **jQuery 实例详解** jQuery 是一个广泛应用于 web 开发的 JavaScript 库,它极大地简化了 JavaScript 的使用,尤其...在实际项目中,结合 jQuery 的源码阅读和相关工具,可以进一步提升对 web 开发的理解和实践能力。

    JavaScript中文帮助

    1. **基本语法**:JavaScript语法基于ECMAScript规范,包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、对象、数组、符号、大整数)、运算符(算术、比较、逻辑、位、赋值等...

    高效的jQuery代码编写技巧总结

    首先,我们需要理解jQuery实际上是在JavaScript的基础上构建的,因此遵循良好的JavaScript编码习惯是至关重要的。 **缓存变量**:DOM查询是非常耗时的操作。为了避免重复查询,应该将经常使用的元素存储在一个变量...

    mootools详细教程pdf版.pdf

    在Mootools中,`$`符号被用来替代原生JavaScript中的`document.getElementById`方法。这意味着可以通过简单的`$('elementId')`来获取页面中的某个元素。这种简化的写法极大地提高了代码的书写效率。 #### 方法:`...

    javeWeb开发常用的工具代码

    在JavaWeb开发中,前端部分通常涉及到HTML、CSS、JavaScript以及一些库和框架,如jQuery。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作和Ajax交互等任务。以下是一些关于jQuery的实用...

    《JavaScript动态网页设计经典实例教程》源代码

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现网页的动态效果、交互性和数据验证。本教程的源代码集合是基于《JavaScript动态网页设计经典实例教程》一书,旨在帮助读者深入理解和实践...

    javascript版BigDecimal类库

    JavaScript是一种广泛应用于Web开发的轻量级脚本语言,它在处理大整数或高精度浮点数时存在精度问题,这是因为JavaScript的Number类型在内存中以双精度浮点数(64位)形式存储,这限制了其精确度。为了解决这个问题...

    了解javascript中的Dom操作

    JavaScript中的DOM操作是一个非常重要的概念和技能,它允许我们通过JavaScript代码动态地操作和修改网页的内容、结构和样式。DOM(文档对象模型)是一种与平台和语言无关的接口,它允许程序和脚本动态地访问和更新...

    Jquery学习笔记1

    在传统的 JavaScript 中,我们可以通过多种方式来获取或操作 DOM 元素,例如: - 使用 `document.getElementById` 获取特定 ID 的元素。 - 使用 `document.getElementsByTagName` 获取具有特定标签名的所有元素。 -...

    JavaScript Note

    JavaScript是一种广泛使用的高级、解释型、面向对象的编程语言,它实现了运行在客户端浏览器中的脚本语言,也被用于服务器端、桌面应用和移动应用开发。本次学习笔记将涵盖几个关键的JavaScript学习领域,目的是帮助...

    jquery 全部文档(中文)

    例如,使用 `$` 符号作为jQuery对象的创建者,可以快速选择页面元素: ```javascript // 选择ID为'myElement'的元素 var element = $('#myElement'); ``` ### DOM 操作 jQuery 提供了丰富的API来操作DOM。如选择...

Global site tag (gtag.js) - Google Analytics