<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. CSS样式之背景、文本

    一.背景     1.背景颜色用background-color属性,例如:body{background-color:red}     2.用图像做背景用background-image属性,例如b ...

  2. silverlight visifire控件图表制作——silverlight 静态页面xaml

    一.silverlight 静态页面 1. 时间控件:DatePicker ,添加引用: xmlns:sdk="clr-namespace:System.Windows.Controls;a ...

  3. windows下配置svn的https访问

    svn是一个功能强大的代码版本管理系统,可以将服务端安装在linux.unix以及windows下.svn通常采用http方式进行代码提交与下载.由于密码采用明文传输,因此存在泄密的风险.若采用htt ...

  4. poj3264 线段树

    Balanced Lineup Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 44121   Accepted: 20715 ...

  5. Linux下Tomcat的安装配置 去掉应用名称

    http://blog.csdn.net/zhuying_linux/article/details/6583096/ Tomcat下为每个Web应用配置不同的访问端口 http://www.linu ...

  6. cocos2d-js 入门一 ([isNaN()和isFinite(),字符和Number之间的转化)

    isNaN() : 用于检查其参数是否是非数字值.// 提示:是非数字哦.(not a number)document.write(isNaN(0) )  //返回falsedocument.writ ...

  7. [bzoj 1001][Beijing2006]狼抓兔子 (最小割+对偶图+最短路)

    Description 现在小朋友们最喜欢的"喜羊羊与灰太狼",话说灰太狼抓羊不到,但抓兔子还是比较在行的, 而且现在的兔子还比较笨,它们只有两个窝,现在你做为狼王,面对下面这样一 ...

  8. 使用BufferedReader的时候出现的问题

    今天在使用BufferedReader的时候,出现了一个奇怪的问题 有时候换行的时候,行首会少一个字符 开始的代码是这样写的 while( br.read()!=-1 ){ String str = ...

  9. UESTC 75 The Queen's New Necklaces

    题意:一个项链的珠子的颜色有若干种.每种颜色的珠子个数为Ai.求有多少种不同的项链? 我们考虑,如果旋转i个珠子,那么会产生gcd(n,i)个循环节,每个循环节的大小我们假设为K,那么如果有一个颜色的 ...

  10. 单片机(MCU)使用常用名字解释

    总线:指能为多个部件服务的信息传送线,在微机系统中各个部件通过总线相互通信. 地址总线(AB):地址总线是单向的,用于传送地址信息.地址总线的宽度为16位,因此基外部存储器直接寻址64K,16位地址总 ...