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相关推荐

  1. jQuery诞生记-原理与机制

    一.看似偶然的东西实际是必然会发生的 我大学时候在图书馆翻过一本很破旧的书,讲生物理论的,主要内容就是探讨生命的产生是偶然还是必然.里面很多亚里士多德都看不懂的公式计算什么的,还有模拟原始地球环境出现 ...

  2. [转载]jQuery诞生记-原理与机制

    by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=3520 一.看似偶然 ...

  3. 有没有好记一点,c++ ,set容器遍历方法?(看过来)

    老方法 set count<int> kun ; //咱这就不实例化,所以说,这代码直接跑是跑不起来的 set<int>::iterator it; //set类型迭代器 fo ...

  4. java调用oracle存储过程_做一点,记一点 ~ Java调用Oracle存储过程

    一.需求 传入一个参数,返回一条或多条记录(列表). 二.实现步骤 1. 编写Oracle存储过程. -- 声明包和包体的语句应该分两次执行,即使声明在前定义在后,如果一起执行依然会编译出错 --调用 ...

  5. jQuery Ajax 方法调用 Asp.Net WebService 的详细例子

    这很常用,搜索了一下博客园的"找找看"和谷歌,看到大部分都是转载于一两篇文章(而且来源还不是博客园),有的是简单的说一点无法运行,给初学者的调试和学习带来不方便,我在这里将jQue ...

  6. jquery 百度百科

    http://baike.baidu.com/view/1020297.htm 百科名片 jquery logo Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级 ...

  7. 百度 JQuery简介

    jQuery 编辑 JQuery是继prototype之后又一个优秀的Javascript库.它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2 ...

  8. jQuery Mobile学习笔记

    1.获取jQuery mobile 文件,访问jQuerymobile网站下载 (貌似使用jquery mobile后,jquery会自动在网页中添加一些class类,第一次知道的我是被吓呆的!!) ...

  9. mysql的单页应用框架搭建_采用vue+webpack构建的单页应用——私人博客MintloG诞生记...

    介绍 项目地址:https://github.com/jrainlau/MintloG (特别乱,参考就好-_-|||) MintloG是我在五天之内完全由自己开发的私人博客,前端技术方案采用了vue ...

最新文章

  1. VC 2.5 与 ESX 3.0.1 之间存在接口问题
  2. IFile、File与实体转换
  3. css 文本属性详细总结
  4. 【Qt】Qt学习资料汇总
  5. 致远OA任意文件下载漏洞(CNVD-2020-62422)
  6. java胜任理由_Java在几乎所有方面均能胜任本机响应
  7. oracle监听为blocked,关于“Instance +ASM1, status BLOCKED, ”
  8. eclipse启动mysql报错_Eclipse+mysql+java Eclipse中运行没有问题,但打包后运行不了,也不报错,求高手指点...
  9. 深入理解 Docker 架构 | 图文
  10. Java解析excel表格
  11. python网络爬虫学习笔记(八):XPath的使用
  12. 简单的三层交换配置路由实验 (思科)
  13. oracle系统物料事务处理类型,Oracle_EBS_斌力十足系列_INV库存模块操作手册_杂项事务处理的分类和实际业务的应用场景专题研究报告...
  14. 由嫦娥四号的中继卫星鹊桥,谈谈拉格朗日点
  15. CTL_CODE 宏 详解
  16. python相册排版_Python3一键排版证件照(1寸照、2寸照) | 原创
  17. 视频转gif(源码)
  18. ESP8266_04-------------串口的使用
  19. highCharts图表应用-模拟心电图
  20. 网络流量监控软件怎样实现

热门文章

  1. windows下如何在命令行里切换到任意目录
  2. java socket调用接口_java调用websocket接口
  3. java队列_java集合入门和深入学习(详解),看这篇就差不多了
  4. 基于jsp+mysql+Spring的SpringBoot招聘网站项目(完整源码+sql)主要实现了管理员登录,简历管理,问答管理,职位管理,用户管理,职位申请进度更新,查看简历
  5. 安卓 php环境 app,安卓系统lighttpd-php-mysql本地环境
  6. 关于Vue 3.0 的改进 Proxy 代理实现数据驱动视图
  7. C语言按各科分数段统计人数,(更新啦)学校学生成绩统计通用模板(科目、分数、统计分数段等均可自定,班级数、学生人数不受限制)...
  8. rgb红色范围_【论文阅读18】RGB-D Object-Oriented Semantic Mapping
  9. jpane1_IDEA插件开发,Jpane中集成Web页面
  10. c6x Linux 内核中断分析