`
百合不是茶
  • 浏览: 356050 次
社区版块
存档分类
最新评论

初学者要多看看帮助文档 不要用js来写Jquery的代码

阅读更多

解析json数据的时候需要将解析的数据写到文本框中,  出现了用js来写Jquery代码的问题;

 

1, JQuery的赋值  有问题

   代码如下: data.username 表示的是:  网易

 

         $("#userName").val=data.username; 第一种写法

        $("#userName").value=data.username;第二种写法

 

     将值赋值给jquery,id选择器的文本框 ,但是  上面的两种方法不能将值赋给文本框

 

2, js的赋值

 

   document.getElementById("userName").value=data.username;

   

     js的代码可以实现

 

3,不要以js的代码写Jquery,多看看文档  

      

   思路:  

       a,在Jquery中val()表示的是函数,不是Jquery的value属性 

       b,设置id选择器的值,实际上就是设置id选择器的 attr表示:设置或返回被选元素的属性值。

      将data.username赋值给Jquery的id选择器的方法如下;

   

   第一种:返回文档中value属性值。

          $("#userName").attr('value',data.username);

 

   第二种:设置id选择器的值

    $("#userName").val(data.username);

 

    //浏览器中测试的代码

       //var name=$("#userName").attr('value');

      // var name=$("#userName").val();

0
1
分享到:
评论

相关推荐

    JQuery帮助文档、JQuery.js

    **jQuery帮助文档** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画...无论你是初学者还是经验丰富的开发者,这个资源包都能帮助你更好地理解和运用jQuery这一强大的JavaScript库。

    jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

    首先,我们来看看标题中的"jquery-3.4.1_jquery_3.4.1.js",这表明我们关注的是jQuery库的3.4.1版本,这是一个稳定且广泛使用的版本。"jquery-3.4.1.js"是jQuery的核心库文件,包含了所有jQuery的功能,开发者可以...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    首先,我们来看看jQuery的两个主要文件:`jquery-1.9.1.js`和`jquery-1.9.1.min.js`。两者都是jQuery库的实现,但存在明显的差异。`jquery-1.9.1.js`是未压缩的源代码版本,便于开发者阅读、调试和学习,而`jquery-...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    首先,我们来看`jquery-3.1.1.js`,这是未经压缩和未优化的源代码版本。这个文件包含了完整的jQuery库,开发者可以清晰地看到每个函数和方法的定义,便于理解和调试。对于初学者或者需要进行深度定制的开发者来说,...

    jQuery中文API和jQuery.js文件

    首先,我们来看jQuery的中文API文档。这个文档是学习和理解jQuery功能的关键资源。它详细列出了jQuery的所有方法、函数和属性,为开发者提供了清晰的解释和示例代码。例如,`$(selector)`是jQuery的基本选择器,用于...

    JQuery1.8.3 js+min.js+中文CHM

    首先,我们来看`JQuery1.8.3.js`。这是JQuery的核心库文件,包含了完整的JQuery功能。在开发环境中,通常会使用这种非压缩版,因为它具有良好的可读性和调试性。开发者可以轻松查看源代码,理解每个函数的工作原理,...

    jquery简单轮播图代码

    这个简单的轮播图实现展示了jQuery如何通过简洁的代码实现复杂的交互效果,对于初学者来说,这是一个很好的学习案例,能够帮助他们理解DOM操作、事件处理和动画制作等基础概念。同时,对于有经验的开发者,这样的...

    jQuery 1.7.min和chm帮助文档

    虽然代码看起来难以阅读,但在网页中引入这个文件后,开发者就可以使用jQuery提供的各种功能,如选择器、遍历、DOM操作、事件绑定等。 jQuery 1.7是一个重要的版本,因为它包含了许多关键的更新和改进。例如,该...

    jQuery模拟Select下拉菜单选中添加代码.zip

    《jQuery模拟Select下拉菜单选中添加代码》 在网页开发中,Select下拉菜单是一种常见的用户交互元素,...无论你是初学者还是经验丰富的开发者,都可以从中学习到如何用jQuery来增强网页的交互性,提升用户界面的质量。

    jQuery数字滚动点击开始代码.zip

    《jQuery数字滚动点击开始代码详解》 在网页设计与开发中,动态效果是提升用户体验的重要手段之一。"jQuery数字滚动点击开始...同时,提供的说明文件使得初学者也能快速理解和应用这个插件,进一步降低了使用门槛。

    JDK1.8中文帮助文档, jQuery中文帮助文档 ,css中文帮助文档!!

    而jQuery 3.3.1中文帮助文档则详尽地记录了该版本下所有函数、选择器、事件、效果和插件的用法,无论你是JavaScript的初学者还是有经验的开发者,这份文档都是掌握jQuery不可或缺的资源。它能够帮助开发者迅速掌握...

    美女九宫格jquery相册代码

    对于初学者来说,这是一个很好的起点,能帮助理解代码的工作原理。 3. **index.jpg**:这可能是示例相册中的一张图片,用于展示相册效果。在实际项目中,这个文件名可能会根据实际的图片内容进行变化。 4. **懒人...

    jQuery点击弹出登录注册表单代码.zip

    `说明.htm`和`说明.txt`可能是开发者提供的使用指南或代码说明文档,详细解释了如何部署和自定义这些代码,这对于初学者来说非常有帮助。 总的来说,"jQuery点击弹出登录注册表单代码"是一个优秀的实践案例,它结合...

    jQuery手机移动端弹窗下拉菜单选择代码.zip

    《jQuery手机移动端弹窗下拉菜单选择代码详解》 在移动设备上,用户交互体验的优化至关重要,而下拉菜单是网页设计中...无论是初学者还是经验丰富的开发者,都能从中学习到如何更好地实现移动设备上的用户交互设计。

    jQuery仿哔哩哔哩视频弹幕代码.zip

    通过阅读这些文档,我们可以快速了解项目的使用方法和注意事项,这对于初学者来说是非常有帮助的。 在实现弹幕效果时,jQuery库被用来简化DOM操作,提高代码的可读性和可维护性。例如,jQuery的选择器功能可以方便...

    一个简约的HTML 用于初学者学习 还有一些入门jquery插件

    对于初学者来说,实践是最好的老师。通过实际编写和修改`index.html`文件,你可以加深对HTML、CSS和jQuery的理解。同时,勇于面对并解决代码中的问题,这将有助于你不断提升编程技能。记住,持续学习和不断实践是...

    最新jQuery帮助文档及源文件

    在实际开发中,结合这份帮助文档和源文件,开发者不仅可以解决遇到的问题,还能提高对jQuery的掌握程度,从而编写出更加高效和优雅的代码。对于初学者来说,这是一个很好的学习资源,对于经验丰富的开发者,也是一个...

    jquery库分解文件

    首先,我们来看文件“jquery-jquery-api-browser-ac6d796”。这个文件名中的“api”暗示了它可能包含了jQuery的API接口部分,“browser”则表明它与浏览器的兼容性和检测有关。在jQuery中,浏览器兼容性是极其重要的...

    jQuery随机数字抽奖代码.zip

    《jQuery随机数字抽奖代码》是基于JavaScript...整体来看,这个jQuery随机数字抽奖代码是一个结合了jQuery基础用法、DOM操作、动画效果和随机数生成的实例,适合初学者了解和学习Web开发中的互动元素和基本的动画实现。

    基于jquery的美女九宫格效果 jquery相册代码 Jquery九宫格式相册代码.zip

    【标题】中的“基于jquery的美女九宫格效果”指的是使用JavaScript库jQuery实现的一种网页布局技术,九宫格布局。...对于初学者来说,这是一个很好的实践项目,可以帮助他们更好地理解和应用jQuery在实际项目中的功能。

Global site tag (gtag.js) - Google Analytics