`

jquery 的val()函数 加法

 
阅读更多
今天使用jquery的val函数获取html中一个元素值value,得到之后和另一个整数相加,出现了字符串相加的效果。因为javascript是一个弱类型。所以就取巧先乘了一下然后就ok了~~
如下:
引用

                 var xpoint=$("#div_x").val();  //20
var ypoint=$("#div_y").val();   //20
var left = $("#mainContent").offset().left;  //10
var top = $("#mainContent").offset().top;   //10
xpoint = xpoint*1 + left ;//30
ypoint = ypoint*1 + top //30

不使用乘的话就是210了%>_<%、
分享到:
评论

相关推荐

    Jquery Ajax实现简易计算器

    在Jquery中,Ajax功能被封装在了一系列易于使用的函数中,如`$.ajax()`、`$.get()`和`$.post()`等。 对于本例中的简易计算器,我们可能会有一个HTML界面,包含数字按钮、运算符按钮、输入框以及结果展示区域。用户...

    用jQuery做的一个计算器代码很实用

    计算逻辑可能封装在一个或多个函数中,这些函数根据用户点击的按钮执行相应的操作,如加法、减法、乘法或除法。同时,还可能有错误检查和处理机制,比如防止除以零的情况。 总结来说,这个jQuery计算器项目提供了一...

    jQuery精美的加减乘除计算器 支持存储功能

    var addedValue = parseFloat($("#input").val()); $("#display").text(currentValue + addedValue); }); ``` 为了实现存储功能,我们可以利用JavaScript的`localStorage`对象。这个对象允许我们在浏览器的本地...

    jquery精度计算代码 jquery指定精确小数位

    `toFloat`函数是一个自定义的jQuery方法,用于将HTML元素中的数值格式化为指定的小数位数。下面我们将详细探讨这个函数的工作原理及其相关知识点。 首先,我们分析`toFloat`函数的参数: 1. `id`:这是HTML元素的...

    Jquery做的一个简单的计算器例子

    jQuery的`val()`方法可以方便地读取或设置表单元素的值,例如`$("#result").val()`。同时,`html()`或`text()`方法可以用来更新HTML元素的内容,展示计算结果。 此外,jQuery的动画效果也是其一大特色,虽然在这个...

    jQuery实现的彩色计算器功能特效源码.zip

    jQuery允许我们方便地获取和设置元素的值,例如`$("#display").val()`可以获取或设置显示区域的文本。当用户点击数字或运算符按钮时,我们可以更新这个值,构建出待计算的表达式。同时,需要注意的是,为了实现正确...

    jquery实现的数量加减插件源码.zip

    通过对这个jQuery实现的数量加减插件源码的解析,我们可以了解到它的工作流程、关键函数和设计模式。理解并掌握这种插件的实现方式,对于提升我们的前端开发技能,特别是在交互效果的实现上,有着重要的实践意义。...

    jQuery随机数字运算验证码代码.zip

    2. **进行数学运算**:将随机生成的数字组合成一个简单的数学运算表达式,如加法、减法或乘法。这可以通过字符串拼接实现。 3. **显示验证码**:使用jQuery的`text()`或`html()`方法将运算表达式插入到HTML的`&lt;div&gt;...

    asp ajax post 实现整数加法过程

    总结来说,"asp ajax post 实现整数加法过程"涉及到前端JavaScript的Ajax调用、jQuery库的使用,以及后端ASP的VBScript编程。这个例子展示了如何利用Ajax和POST方法在不刷新页面的情况下,实现前后端数据交互和计算...

    jQuery实现的简单在线计算器功能

    4. **数值转换与计算**:`parseFloat()`函数用于将输入框中的字符串转换为浮点数,以便进行数学运算。例如,`num1=parseFloat($("#num1").val())`获取了id为`num1`的输入框的值并将其转换为数字。 5. **结果显示**...

    jQuery商品数量数字加减特效代码

    3. **jQuery绑定事件**:通过jQuery的`$(document).ready()`函数确保DOM加载完成后,对加减按钮进行事件绑定。使用`.click()`方法监听按钮的点击事件。 4. **事件处理**:在事件处理函数中,获取当前输入框的值,...

    网页计算器

    例如,可能需要创建一个函数来处理加法、减法、乘法和除法操作,并根据用户的输入动态地更新结果。此外,还需要处理错误情况,如无效的输入或除数为零。 jQuery库还提供了许多方便的功能,如动画效果,可以用来增强...

    JQuery学习总结【二】

    例如在加法计算器的示例中,我们通过`$("#tex1").val()`和`$("#tex2").val()`获取两个输入框的数值,然后进行计算并将结果赋值给`$("#tex3")`。 接下来,我们看到通过`.attr()`方法可以设置或获取元素的属性。在...

    jQuery实现input数字加减特效代码

    在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的数字加减特效代码,这个功能常见于电商网站的商品数量选择,允许用户通过点击加减按钮动态调整input输入框中的数值。我们将围绕jQuery库的核心功能、...

    jQuery每日薪资计算器特效代码

    接着,jQuery提供了`.val()`方法来获取或设置元素的值。在计算薪资时,我们可能需要使用`.val()`获取用户输入的数值,并进行必要的转换(例如将字符串转换为数字)。例如,`var dailyWage = parseFloat($("#salary")...

    score.zip_JavaScript/JQuery_Objective-C_

    综上所述,这个项目可能涉及使用 JavaScript 和 JQuery 在 Web 页面上实现分数加法,同时通过 Objective-C 创建 iOS 应用,实现相同的功能。这两个平台都需要处理分数的数学逻辑,确保结果准确无误。开发者需要具备 ...

    简单的计算器

    它需要检查当前的操作数和运算符,然后应用相应的数学规则(如加法、减法、乘法或除法)。为了实现这个功能,你可以维护两个变量来存储当前操作数和上一个操作数,以及一个变量来记录当前的运算符。 例如,一个简化...

    jqueay实现商品数量加减

    在本文中,我们将深入探讨如何使用jQuery库来实现这一功能,以提高用户体验和简化前端操作。 jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互。在实现商品数量加减的功能时,...

    calculator:实时计算器链接

    在`calculator.js`或`calculator-main.js`中,可能会有事件监听器绑定到每个按钮,当用户点击按钮时触发相应函数。例如,一个简单的加法操作可能会这样实现: ```javascript document.querySelectorAll('.button')....

Global site tag (gtag.js) - Google Analytics