初学jquery遇见的两个小问题！
<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遇见的两个小问题！的更多相关文章
- ASP.NET MVC 开发中遇到的两个小问题
最近在做一个网站,用asp.net MVC4.0来开发,今天遇到了两个小问题,通过查找相关渠道解决了,在这里把这两个问题写出来,问题非常简单,不喜勿喷,mark之希望可以给遇到相同问题的初学者一点帮助 ...
- 初学JQuery
JQuery是对JavaScript的封装,简化了JS代码,是主流框架的基础(VUE,EasyUI,Bootstrap) 它是2006年推出的 JQuery的优势:体积小,压缩后只有100KB左右强大 ...
- jquery插件的两种形式
这里总结一下jquery插件的两种形式,一种是通过字面量的形式组织代码,另一种是通过构造函数的方式.下面就两种形式来分析俩个例子. 例子1: ;(function ($,window,document ...
- jQuery插件开发的两种方法及$.fn.extend的详解
jQuery插件开发分为两种: 1 类级别 类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法. 开发扩展其方法时使用$.extend方法,即jQuery.ex ...
- jquery选择器中两个class是什么意思？
jquery选择器中两个class是什么意思? $(".class1 .class2") 选择class1元素下class2的元素(中间有空格)$(".class1.cl ...
- pyhton 查找一个数的所有因子 以及 判断一个数是否是质数 两个小脚本
最近看到一个网站, 欧拉计划.挺好玩,都是一些算法题.这是本站:http://projecteuler.net/problems 这个是中文站:http://pe.spiritzhang.com/ 下 ...
- 安卓App提交应用商店时遇到的两个小问题
陆陆续续做了一个半月左右的「喵呜天气」终于在今天下午成功提交到应用商店(腾讯应用宝).期间遇到两个小问题,记录如下: 1.上传安装包失败,提示「无法获取签名信息,请上传有效包(110506)」. 安装 ...
- ssh的两个小知识
ssh的两个小知识 1. 在ssh客户端启动远程服务器的图形界面程序. 如果你试图在ssh客户端运行远程服务器的一个图形界面程序,比如说执行firefox,此时可能会提示,can not connec ...
- jQuery插件开发的两种方法及$.fn.extend的详解(转)
jQuery插件开发的两种方法及$.fn.extend的详解 jQuery插件开发分为两种:1 类级别.2 对象级别,下面为大家详细介绍下 jQuery插件开发分为两种: 1 类级别 类级别你可以 ...
随机推荐
- Javascript高级程序设计读书笔记（第二章）
第二章 在HTML中使用Javascript 2.1<script>元素 延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到 ...
- 全世界最详细的图形化VMware中linux环境下oracle安装（三）【weber出品必属精品】
数据库软件和数据库都建好了,基本上可以说完成90%的工作,但是美中不足的就是企业管理器还没有安装好,现在我们就开始安装企业管理器吧. 安装之前我们先将补丁给补上.补丁我们也是采用禁默安装.补丁:p83 ...
- BestCoder Round #81 (div.2)1001
Machine Accepts: 580 Submissions: 1890 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65 ...
- MDX示例：求解中位数、四分位数(median、quartile）
一个人力资源咨询集团通过网络爬虫采集手段将多个知名招聘网站上发布的求职和招聘等信息准实时采集到自己的库里,形成一个数据量浩大的招聘信息库,跟踪全国招聘和求职的行业.工种.职位.待遇等信息,并通过商业智 ...
- windows安装composer方法和使用方法
最近在学习yii2的框架的相关知识,对于yii2的许多新特性,最好还是去查看官网文档最好,如果有中文翻译的网站就更好了. 学习yii2的第一个门槛就是得安装composer这个依赖管理工具(但目前我认 ...
- Android再学习-20141018-布局-进度条
20141018-Android再学习 对齐至控件的基准线 为了保证印刷字母的整齐而划定的线(四线三格的第三条线). android:layout_alignBaseline 与父控件的四个边缘对齐( ...
- 滚动页面时DIV到达顶部时固定在顶部
本示例使用Javascript实现了滚动页面时,DIV到达顶部时固定在顶部.在IE下效果有点闪,效果网址:http://www.keleyi.com/keleyi/phtml/fixdiv.htm 下 ...
- C#编程实现朴素贝叶斯算法下的情感分析
C#编程实现 这篇文章做了什么 朴素贝叶斯算法是机器学习中非常重要的分类算法,用途十分广泛,如垃圾邮件处理等.而情感分析(Sentiment Analysis)是自然语言处理(Natural Lang ...
- hdu 3461 Code Lock
http://acm.hdu.edu.cn/showproblem.php?pid=3461 并差集和幂取模 这道题主要是求不可操作区间. #include <cstdio> #inclu ...
- HDU 4405 Aeroplane chess（期望）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4405 题意:从0走到n,每次走之前掷一次筛子,掷出几点就向前走几点,走到大于等于n的地方就停止.但是, ...