<body>
    <div id="divtest">div的内容</div>
    <div id="default"></div>
</body>
<script type="text/javascript">
$(function(){
   $("#divtest").html("11");
   $("#default").html($("#divtest").html("22"));
});

问题1：我的理解是出现11 22 ，实际上是只出现22。为什么？

因为html方法是完全替换掉里面的HTML

$("#divtest").html("11");  => <div id="divtest">11</div>

你想要是 1122 的话, 是调用另外一个方法, $("#divtest").append(“22”);

Append方法叫追加, 但追加方法有几个, 而append是在$("#divtest")里面的HTML后面追加

还有另外几个,

自己看看文档, 里面有说明, 而且还有实例demo

<body>

<button id="btntest">点我</button>

</body>

<script type="text/javascript">

$(function(){

$("#btntest").attr("width","100");

});

</script>

问题2：为什么我在JQ设置了属性，没反应耶？

附加问题：能不能设置多个属性？例如同时设置width和height

这个是有反应的, 你运行这行代码后, 再看那个div是不是多了一个width属性,

至于为什么没效果呢, 是因为div标签本身是没有width属性的, 所以浏览器对其不解析

像width和height这些是css的属性, 不是用attr的, 而是用css方法

如, $("#btntest").css("width","100px");  css的调用方法还有一种

像 $("#btntest").css({"width":"100px", “height”:”100px”}); 这样

但注意的是像margin-top这种, 属性名是marginTop  要知道会是什么, 就要用console.log() 这个输出一个元素对象, 再看其style对象

$(function(){});

问题3：这个function有什么作用？为什么有些加了它之后，{}里面的代码才有作用，有些不用加这个，就能用了？

$(function(){

//你的代码

});

这个是相当于

Window.loaded = function(){

//你的代码

}

作用是让浏览器加载完所有资源, 像js, css, 还有html后, 再运行你的代码

不然, 如果你不加这个, 又把你的js代码放在html的前头, 那么在html还没有加载完就运行了你的js代码, 你觉得会发生什么事呢

<script></script>

问题4：js的链接为什么有些是放在<head>里面，有些是放在<body>。。。这个放的位置有什么讲究吗？

前提是你加了前面的$(function(){}); 那么放哪里都没问题

一般针对整个页面的, 我都是放在head里, 这样方便管理, 一眼看去就知道缺了还是多了!!  但有一些js文件或者js块(<script></script>)是针对某一块的, 我就会放在那一块的附近!!

初学jquery遇见的两个小问题！的更多相关文章

  1. ASP.NET MVC 开发中遇到的两个小问题

    最近在做一个网站,用asp.net MVC4.0来开发,今天遇到了两个小问题,通过查找相关渠道解决了,在这里把这两个问题写出来,问题非常简单,不喜勿喷,mark之希望可以给遇到相同问题的初学者一点帮助 ...

  2. 初学JQuery

    JQuery是对JavaScript的封装,简化了JS代码,是主流框架的基础(VUE,EasyUI,Bootstrap) 它是2006年推出的 JQuery的优势:体积小,压缩后只有100KB左右强大 ...

  3. jquery插件的两种形式

    这里总结一下jquery插件的两种形式,一种是通过字面量的形式组织代码,另一种是通过构造函数的方式.下面就两种形式来分析俩个例子. 例子1: ;(function ($,window,document ...

  4. jQuery插件开发的两种方法及$.fn.extend的详解

    jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQuery.ex ...

  5. jquery选择器中两个class是什么意思？

    jquery选择器中两个class是什么意思? $(".class1 .class2") 选择class1元素下class2的元素(中间有空格)$(".class1.cl ...

  6. pyhton 查找一个数的所有因子 以及 判断一个数是否是质数 两个小脚本

    最近看到一个网站, 欧拉计划.挺好玩,都是一些算法题.这是本站:http://projecteuler.net/problems 这个是中文站:http://pe.spiritzhang.com/ 下 ...

  7. 安卓App提交应用商店时遇到的两个小问题

    陆陆续续做了一个半月左右的「喵呜天气」终于在今天下午成功提交到应用商店(腾讯应用宝).期间遇到两个小问题,记录如下: 1.上传安装包失败,提示「无法获取签名信息,请上传有效包(110506)」. 安装 ...

  8. ssh的两个小知识

    ssh的两个小知识 1. 在ssh客户端启动远程服务器的图形界面程序. 如果你试图在ssh客户端运行远程服务器的一个图形界面程序,比如说执行firefox,此时可能会提示,can not connec ...

  9. jQuery插件开发的两种方法及$.fn.extend的详解(转)

    jQuery插件开发的两种方法及$.fn.extend的详解 jQuery插件开发分为两种:1 类级别.2 对象级别,下面为大家详细介绍下   jQuery插件开发分为两种: 1 类级别 类级别你可以 ...

随机推荐

  1. roleManager 元素（ASP.NET 设置架构），我是因为SSL弱密码（转）

    为角色管理配置应用程序. 此元素是 .NET Framework 2.0 版中的新元素. configuration 元素(常规设置架构)  system.web 元素(ASP.NET 设置架构)   ...

  2. kmp代码实现

    /* kmp彻底理解 next 数组 :用来指导S[i]串 T[j]串 对应字符失配 指导 i 不回溯,即j应该走多少个位置 next[j]:j位置前一个元素 需要 计算某个字符对应的next值,就是 ...

  3. eclipse 将文件夹作为sourcefolder

    文件夹---右键

  4. Java 网络编程---分布式文件协同编辑器设计与实现

    目录: 第一部分:Java网络编程知识 (一)简单的Http请求 一般浏览网页时,使用的时Ip地址,而IP(Internet Protocol,互联网协议)目前主要是IPv4和IPv6. IP地址是一 ...

  5. Centos下配置Java运行环境

    今天搞了个阿里云,Centos主机 先搞了Tomcat 然后配置Java环境 1.修改文件可执行 chmod 777 (u+x) 文件名 2.配置环境变量 vi /etc/profile 加入如下代码 ...

  6. 痛并快乐的造轮子之旅：awk访问数据库之旅

    俺是一枚悲催的数据统计程序员,从先辈的手里接收了这样的代码: #! /bin/sh alias statdb="mysql -h 192.168.1.1 -u stat -paaa stat ...

  7. redhat 5下源码安装nginx服务

    首先确保机器中已安装 gcc c++,libtool等工具,保证可执行源码安装 A.为了确保能在 Nginx 中使用正则表达式进行更灵活的配置,安装之前需要确定系统是否安装有 PCRE(Perl Co ...

  8. Doxygen安装使用

    Doxygen是一个 C++.C.Java.Objective-C.Python.IDL(CORBA和Microsoft flavors).Fortran.VHDL.PHP.C#和D语言的文檔生成器. ...

  9. Intel 凌动 D525 产品参数Intel 凌动 Z3735F 产品参数

    https://item.taobao.com/item.htm?spm=a230r.1.14.8.kauehT&id=40450541158&ns=1&abbucket=19 ...

  10. shell 中如何判断前一个命令是否执行成功

    shell 中如何判断前一个命令是否执行成功 通过判断返回值来解决: if [ $? -eq 0 ];then 命令正确的分支 else   命令失败的分支 fi