Jquery 每天记一点2009-7-2
1. <script language="javascript" type="text/javascript">
$(document).ready(function(){
$("a").click(function() {
alert("Hello world!");
});
});
<script>
上边的效果是点击文档中所有a标签时将弹出对话框,$("a") 是一个jQuery选择器,$本身表示一个jQuery类,所有$()是构造一个jQuery
对象,click()是这个对象的方法,同理$(document)也是一个jQuery对象,ready(fn)是$(document)的方法,表示当document全部下载完毕时
执行函数。
2. $("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span id="p"></span>)的元素
3.
属性
我们以<img id="a" scr="5.jpg"/>为例,在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象,在用
o.src来取得或修改该节点的scr属性,在jQuery里$("#a")将得到jQuery对象[ <img id="a" scr="5.jpg"/> ],然后可以用jQuery提供的很多
方法来进行操作,如$("#a").scr()将得到5.jpg,$("#a").scr("1.jpg")将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方
法,方便大家快速对DOM对象进行操作
herf() herf(val)
说明:对jQuery对象属性herf的操作。
例子:
未执行jQuery前 <a href="1.htm" id="test" onClick="jq()">jQuery</a>jQuery代码及功能: function jq(){
alert($("#test").href());
$("#test").href("2.html");
}运行:先弹出对话框显示id为test的连接url,在将其url改为2.html,当弹出对话框后会看到转向到2.html
同理,jQuery还提供类似的其他方法,大家可以分别试验一下:
herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val)
src() src (val) title() title (val) val() val(val)
4.
$.browser() 判断浏览器类型,返回boolen值 $(function(){
if($.browser.msie) {
alert("这是一个IE浏览器");}
else if($.browser.opera) {
alert("这是一个opera浏览器");}
})当页面载入式判断浏览器类型,可判断的类型有msie、mozilla、opera、safari
5. 传统javascript对css的操作相当繁琐,比如<div id="a" style="background:blue">css</div>取它的background语法是
document.getElementById("a").style.background,而jQuery对css更方便的操作,$("#a").background(),$("#a").background(“red”)
$("#a")得到jQuery对象[ <div id="a" … /div> ]
$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为red
上面第5条,现在的版本好像不能用,用第六条吧
6.1取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
6.2将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ color: "#ff0011", background: "blue" });描述:
6.3
如果属性名包含 "-"的话,必须使用引号:
jQuery 代码:
$("p").css({ "margin-left": "10px", "background-color": "blue" });
6.4将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
6.5
$("#msg").css("background"); //返回元素的背景颜色
$("#msg").css("background","#ccc") //设定元素背景为灰色
$("#msg").height(300); $("#msg").width("200"); //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式
$("#msg").addClass("select"); //为元素增加名称为select的class
$("#msg").removeClass("select"); //删除元素名称为select的class
$("#msg").toggleClass("select"); //如果存在(不存在)就删除(添加)名称为select的class
转载于:https://www.cnblogs.com/sendling/archive/2009/07/02/1515554.html
Jquery 每天记一点2009-7-2相关推荐
- jQuery诞生记-原理与机制
一.看似偶然的东西实际是必然会发生的 我大学时候在图书馆翻过一本很破旧的书,讲生物理论的,主要内容就是探讨生命的产生是偶然还是必然.里面很多亚里士多德都看不懂的公式计算什么的,还有模拟原始地球环境出现 ...
- [转载]jQuery诞生记-原理与机制
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3520 一.看似偶然 ...
- 有没有好记一点,c++ ,set容器遍历方法?(看过来)
老方法 set count<int> kun ; //咱这就不实例化,所以说,这代码直接跑是跑不起来的 set<int>::iterator it; //set类型迭代器 fo ...
- java调用oracle存储过程_做一点,记一点 ~ Java调用Oracle存储过程
一.需求 传入一个参数,返回一条或多条记录(列表). 二.实现步骤 1. 编写Oracle存储过程. -- 声明包和包体的语句应该分两次执行,即使声明在前定义在后,如果一起执行依然会编译出错 --调用 ...
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
这很常用,搜索了一下博客园的"找找看"和谷歌,看到大部分都是转载于一两篇文章(而且来源还不是博客园),有的是简单的说一点无法运行,给初学者的调试和学习带来不方便,我在这里将jQue ...
- jquery 百度百科
http://baike.baidu.com/view/1020297.htm 百科名片 jquery logo Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级 ...
- 百度 JQuery简介
jQuery 编辑 JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2 ...
- jQuery Mobile学习笔记
1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) ...
- mysql的单页应用框架搭建_采用vue+webpack构建的单页应用——私人博客MintloG诞生记...
介绍 项目地址:https://github.com/jrainlau/MintloG (特别乱,参考就好-_-|||) MintloG是我在五天之内完全由自己开发的私人博客,前端技术方案采用了vue ...
最新文章
- VC 2.5 与 ESX 3.0.1 之间存在接口问题
- IFile、File与实体转换
- css 文本属性详细总结
- 【Qt】Qt学习资料汇总
- 致远OA任意文件下载漏洞(CNVD-2020-62422)
- java胜任理由_Java在几乎所有方面均能胜任本机响应
- oracle监听为blocked,关于“Instance +ASM1, status BLOCKED, ”
- eclipse启动mysql报错_Eclipse+mysql+java Eclipse中运行没有问题,但打包后运行不了,也不报错,求高手指点...
- 深入理解 Docker 架构 | 图文
- Java解析excel表格
- python网络爬虫学习笔记(八):XPath的使用
- 简单的三层交换配置路由实验 (思科)
- oracle系统物料事务处理类型,Oracle_EBS_斌力十足系列_INV库存模块操作手册_杂项事务处理的分类和实际业务的应用场景专题研究报告...
- 由嫦娥四号的中继卫星鹊桥,谈谈拉格朗日点
- CTL_CODE 宏 详解
- python相册排版_Python3一键排版证件照(1寸照、2寸照) | 原创
- 视频转gif(源码)
- ESP8266_04-------------串口的使用
- highCharts图表应用-模拟心电图
- 网络流量监控软件怎样实现
热门文章
- windows下如何在命令行里切换到任意目录
- java socket调用接口_java调用websocket接口
- java队列_java集合入门和深入学习(详解),看这篇就差不多了
- 基于jsp+mysql+Spring的SpringBoot招聘网站项目(完整源码+sql)主要实现了管理员登录,简历管理,问答管理,职位管理,用户管理,职位申请进度更新,查看简历
- 安卓 php环境 app,安卓系统lighttpd-php-mysql本地环境
- 关于Vue 3.0 的改进 Proxy 代理实现数据驱动视图
- C语言按各科分数段统计人数,(更新啦)学校学生成绩统计通用模板(科目、分数、统计分数段等均可自定,班级数、学生人数不受限制)...
- rgb红色范围_【论文阅读18】RGB-D Object-Oriented Semantic Mapping
- jpane1_IDEA插件开发,Jpane中集成Web页面
- c6x Linux 内核中断分析