`

在页面上用$("#userName").val();获取不到值,提示$("#userName")未定义

 
阅读更多
问题:在页面上用$("#userName").val();获取不到值,提示$("#userName")未定义
  原因:在页面中包含了var $ = function() { } 的代码[b][/b],这样这里自定义的$就和jQuery中的$相冲突了。这里的$相当于定义了一个全局的变量$,所以会影响jquery在这个页面的使用了。
 
  总结:追根究底是因为页面中包含了其他的页面,其他的页面代码影响到了此页面。
        因为在写这个页面的时候,是直接用的同事写好的页面框架,所以不知道其他页面的代码会影响此页面。下次调试的时候,如果遇到类似问题就知道如何解决思考了。
分享到:
评论

相关推荐

    基於dwr的不刷新的分頁組件

    一款自己創造的基於dwr的不刷新分頁組件,增強了用戶體驗! 部份代碼: //換頁 Page.prototype.changePage = function(params, functionName){ var toPageNo = 0; //首頁 if(params=="first"){ toPageNo = 1; ...

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    在深入探讨Jquery中的Ajax函数之前,我们先简要了解Ajax(Asynchronous JavaScript and XML)的概念。Ajax是一种在无需重新加载整个网页的情况下,能够更新部分...而在获取JSON格式数据时,`$.getJSON()`则是最佳选择。

    jquery获取表单值

    // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取`value`属性的值。通常情况下,两者的效果是相同的,但在某些场景下,`.val()` 更加直观和...

    Jquery获取Select标签的值

    对于 Radio 和 CheckBox 这类表单元素,获取其值通常涉及到一些额外的步骤。 ##### 1. 获取 Radio 的 Value 值 ```javascript $("input[name='radio_name']:checked").val(); ``` ##### 2. 获取 CheckBox 的 Value...

    js与jquery获取input输入框中的值实例讲解.docx

    ### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...

    jquery $(this).attr $(this).val方法使用介绍

    例如,如果我们有一个`<div>`元素,其中包含一个自定义属性`diywidgetid`,我们可以使用以下代码来获取这个属性的值: ```javascript ${template.diyWidgetId}"> var diywidgetid = $('#w_1').attr('diywidgetid');...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`<select>` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    jquery双向选择器

    - **同步状态**:根据需要,可能还需要在页面加载时同步两个选择器的初始状态,确保数据一致。 ### 4. 示例代码 ```javascript $(document).ready(function() { var $selector1 = $('.selector1'); var $...

    PHP $-GET变量:$POST变量.md

    如果存在,就获取它们的值,并进行适当的处理(例如使用`htmlentities()`来防止XSS攻击,或者使用`intval()`来确保得到一个整数)。最后,将获取到的数据输出到浏览器上。 ##### 3. 运行示例 当在浏览器中打开`...

    javaScript语句大全

    #### 二、获取`<select>`元素的值 ##### 1. 获取单个`<option>`的值 - 获取第一个`<option>`的值: ```javascript $('#testoption:first').val(); ``` - 获取最后一个`<option>`的值: ```javascript $('#test...

    获得html中表单元素值总结

    获取单选按钮的值可以通过jQuery实现: ```javascript // 获取名为"items"且被选中的单选按钮的值 var item = $('input[name="items"]:checked').val(); ``` #### 2. 获取下拉选择框(Select)的值 下拉选择框...

    jsp页面js调用form表单的值的方法

    通过本篇文章的学习,我们了解到在 JSP 页面中利用 JavaScript 对表单数据进行简单验证的基本方法。这种方法不仅可以提高用户体验,还可以增加系统的安全性。当然,在实际项目开发中,还需要考虑更多的细节和技术...

    怎么获取checkbox/select/radio、选择中的text和value值

    在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...

    Jquery表单验证(采用poshytip提示)

    当表单提交时,遍历所有需要验证的字段,使用`.val()`获取值,用正则表达式进行匹配。 5. **显示提示**:如果输入不符合规则,使用Poshytip显示错误提示。可以给表单元素添加自定义属性,如`data-error="请输入有效...

    JQuery函数大全

    - 设置或获取被选元素的属性值。 - 第一个示例同时设置图片的 `src` 和 `alt` 属性。 - 第二个示例仅设置 `src` 属性。 - 第三个示例将图片的 `title` 属性设置为其 `src` 值。 ##### 3. **获取/设置 HTML 内容...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    本文将详细探讨 `$.post()` 的使用方法,特别是在传递 JSON 数据时的应用。 #### 一、`$.post()` 基础介绍 `$.post()` 是 jQuery 提供的一个用于发起 POST 请求的方法,它的基本语法如下: ```javascript $.post...

    jQuery初级小白菜

    当鼠标指针移动到页面元素上时触发此事件。 ```javascript $("selector").mouseover(function(){ // 在这里写入鼠标悬停时要执行的代码 }); ``` ### jQuery DOM操作 #### 1. 获取和设置文本、HTML和值 - `text...

    JQuery实现textarea可以有字数录入提醒功能

    在事件处理函数中,可以通过`val()`方法获取当前`textarea`的值,并使用`length`属性获取字符串长度。如果当前长度超过预设的最大值(如100),则截断字符串并重新设置`textarea`的值,同时弹出警告信息。若未超过...

    JQ 获取和设置内容 text() html() val()

    在JavaScript的世界里,jQuery(简称JQ)是一个广泛使用的库,极大地简化了DOM操作、事件处理、动画制作等任务。本篇文章将详细讲解jQuery中获取和设置内容的三个主要方法:`text()`, `html()`, 和 `val()`。这些...

Global site tag (gtag.js) - Google Analytics