2015年9月28日JQuery提前预习预热笔记
visual studio下载2010
2010与2008不一样,2008需要添加补丁,采用调用对象。2010可以直接用。
JQuery=$ 是函数是方法是对象
念J快儿,念doler
开发人员工具(用于查看开发源代码,看过程到底是怎么实现的,在用的时候可能是直接完成显示的,但是过程可能不是和清楚)
Window.onload是在页面所有标签及内容下载完毕后才会出现页面整体显示,这样用户体验不是很好。但是JQuery($(document).ready())则是页面的标签下载完毕即可出现页面显示,用户体验好。
Window.onload调用的标签内容,如果有两个一样的,那么只出现最后一个。而$(document).ready(),如果有两个一样的,那么两个会依次出现。
全部表达方式:
$.(document).ready(function(){
alert(‘大家好!’);
});
简写方式:
$.(function(){
alert(‘大家好’);
});
“//”表示注释,一般用”//==”来写注释标题
<script src=”js/jquery-1.7.1.js”type=”text/javascript”></script>
引入文件,然后才能调用其中的标签
重点1
有的时候不同浏览器编程方式不同,有的不是很兼容,用Dom对象在火狐和IE浏览器中使用的方法也不一样。为了能够简便统一,需要先转换为jquery,然后才能调用text方法。
要想调用text{}方法来设置层中显示的文字,必须通过JQuery对象才能调用text方法。第一步先将txtobj转换为jQuery对象。把Dom对象转换为JQuery对象:$(dom对象)
Var txtobjJQuery=$(txtobj);
要想调用jquery的方法必须得把Dom对象转换为jQuery对象。
txtobjJQuery.text(‘大家好才是真的好。’)
jquery对象只能调用jquery属性方法,Dom对象只能调用Dom属性方法,不能相互调用,如果想要调用,必须要相互转换之后才可以调用。
jquery对象转换为dom对象的方法:
var domobj=textobjjquery.get(0);这之后又可以继续调用dom对象,例如domobj.innerText=‘哈哈哈哈,又转回来了。’;
或者
var domobj=textobjjquery[0];
数组、整形、字符串、数据类型这些基本的数据类型是JS里最基本的东西,jquery是把对象代码封装一下,对于基本的数组、数据类型不会进行封装。也就是这些基本数据类型是不分jquery与dom的,不需要进行转换。
注意:这里的inputs并不是一个数组,它只是一个看起来像数组的一个对象
Var inputs=document.getElementsByTagName(‘input’);
这里的Inputs不是数组,所以没有数组的一些方法。
Inputs.reverse{};
For(var i=0;i<inputs.length;i++){
Alert(inputs[i].type);
}
<body>
<input type=”button”name=”name”value=””/>
<input type=”text”name=”name”value=””/>
2015年9月28日JQuery提前预习预热笔记的更多相关文章
- 2015年12月28日 Java基础系列(六)流
2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流2015年12月28日 Java基础系列(六)流
- Bootstrap之Footer页尾布局(2015年05月28日)
直接上页尾部分的代码: <!--采用container-fluid,使得整个页尾的宽度为100%,并设置它的背景色--><footer class="container-f ...
- 4.3.5 使用Http:// (Https://)协议连接到ActiveMQ 2015年9月28日
用到的几点地方: 1.服务器端 ActiveMQ的文件activemq.xml中,预先要定义好有关本协议http的传输连接器格式,抓图如下: 2. 然后,开启Eclipse环境,在publish ...
- java之enum枚举(2015年05月28日)
背景: 今天启动了一个新的项目,由于要从之前的旧项目中拿过来一些代码,所以就看了下公司之前项目代码,发现有定义的常量类,也有枚举类,然后就在想着两者的功能差不多,那他们之间到底有什么区别呢,所以就决定 ...
- 2015年9月28日html基础了解学习
数据库与C#都是在后台运行的逻辑,而html,css,js,jq是在网页前台显示的一些效果.后台要考虑到优化性能效率等等,而前台要吸引到客户,要有更好的客户体验. 通用化,还是效率更高,在做项目中是要 ...
- 2016年11月2日——jQuery源码学习笔记
1.jQuery()函数,即$().有四种不同的调用方式. (1)传递CSS选择器(字符串)给$()方法,返回当前文档中匹配该选择器的元素集.可选第二个参数,一个元素或jQuery对象,定义元素查询的 ...
- 2016年11月1日——jQuery源码学习笔记
1.instanceof运算符希望左操作数是一个对象,右操作数标识对象的类.如果左侧的对象是右侧类的实例,则表达式返回true,否则返回false 2.RegExp.exec() 如果 exec() ...
- 2015年10月16日HTML标签表单笔记
textarea只是纯文本编辑框,要想输入各种样式的文本.图片.表格等需要使用“富文本编辑框”.html4暂无富文本编辑框,可使用第三方工具实现此效果. <textarea></te ...
- 2015年9月29日html基础加强学习笔记
创建一个最简便的浏览器 首先打开VS2010,然后在空间里拖出一个Form控件当主页面,其次拖出一个Textbox控件作为地址栏,然后加一个Button控件作为按钮,最后拖出一个WebBrowser作 ...
随机推荐
- fedora 非root用户访问socket 没用权限
在非root用户下执行基于Libpcap库编写的应用程序时不能正常运行,原因是由于libpcap库使用raw socket的套接字.而Raw Socket的使用需要root权限,否则raw socke ...
- Websocket协议数据帧传输和关闭连接
之前总结了关于Websocket协议的握手连接方式等其他细节,现在对socket连接建立后的数据帧传输和关闭细节总结. 一.数据帧格式 数据传输使用的是一系列数据帧,出于安全考虑和避免网络截获,客户端 ...
- building Utils {{ant+ivy}、{maven}}怎么样手动将下载下来的 JAR 包添加到 Maven、ivy 的本地仓库
mvn install:install-file -Dfile=jar包的位置 -DgroupId=上面的groupId -DartifactId=上面的artifactId -Dversion=上面 ...
- 【DB】SQLiteHelper
/// <summary> /// 说明:这是一个针对System.Data.SQLite的数据库常规操作封装的通用类. /// </summary> public class ...
- VS2013 调试卡顿
今早好奇安装了花生壳远程控制软件.然后下午莫名的感觉到vs2013 调试特别的卡顿.会每隔1s中请求一次的那种卡顿于是卸载了花生壳控制软件,发现问题依旧.然后重启机器 ok了.果然不卡顿了. 我回忆了 ...
- 为WPF版的GridControl控件添加行序号功能
废话不多数,先上效果图和代码: 包装GridControl控件 cs using DevExpress.Xpf.Data; using DevExpress.Xpf.Grid; using Syste ...
- NGUI系列教程一
NGUI是Unity的一个插件,使用它来制作你的游戏UI必定将事半功倍.为什么这么说呢?首先我们说说GUI与NGUI的区别,GUI是Unity自带的绘制界面工具,它的成像原理是基于表层的,所以执行效率 ...
- CODEVS 1638 修复公路
题目描述 Description A地区在地震过后,连接所有村庄的公路都造成了损坏而无法通车.政府派人修复这些公路. 给出A地区的村庄数N,和公路数M,公路是双向的.并告诉你每条公路的连着哪两个村庄, ...
- 粗略阅读《Agile Software Development》后的感想
大致配合翻译和词典阅读了一下这篇文章之后,我另外还查阅了维基百科.百度百科和MBA智库百科还有一些网络上的文章.对敏捷开发有了一个大致上的浅显的认识. 敏捷建模(Agile Modeling,AM)的 ...
- iOS 中SQLite数据库操作
在iOS中实现SQLite数据库的操作:1.导入框架(libsqlite3.0.tbd) 2.导入头文件<sqlite3.h> 3.实现数据的增删改查 实现简单 SQLite数据库操作 的 ...