jquery从零起步学
2016-05-03 19:48
495 查看
html:
result:
初始:
点击之后:
<HTML> <head> <meta http-equiv="content-type" content="text/html" /> <meta charset="utf-8" /> <title></title> <!--引入jquery库--> <script type="text/javascript" src="js/jquery-2.2.2.min.js"></script> <script type="text/javascript"> // jquery的页面加载事件 $(document).ready(function(e){ // 更改div元素的字体 $("#msg").css("font-size","19pt"); // 向div中添加一个单机事件 $("#msg").click(function(e){ alert($(this).html()); }) // 向页面上新添加一个div元素 $("<div>",{ // 设置div样式 style:"font-size:15pt", text:"单机这里更改颜色", click:function(){ $(this).css("background","#9F3"); } // 将div添加到body中 }).appendTo("body"); }); </script> </head> <body> <div id="msg">欢迎阅读jquery从零起步学</div> </body> </HTML>
result:
初始:
点击之后:
相关文章推荐
- js和jquery修改背景颜色的区别
- 如何使用js懒加载图片|如何使用jquery.lazyload.js|网页优化|如何提高网页加载速度
- 简单的jquery表情插件
- jQuery学习之jQuery Ajax用法详解
- 关于从后台传来的json数据,使用jquery动态展现所有的item,给每个item添加删除功能
- jQuery中load()进行异步请求
- 【技术干货】前端开发之jQuery单页面开发
- jquery.cookie.js 的使用指南
- JQuery Resizable详解(转)
- jQuery 1.9 兼容低版本jQuery插件的处理方法
- jquery 如何动态添加、删除class样式方法介绍
- jQuery中队列queue()函数的实例教程
- jquery字符串转日期类型
- jQuery Ajax 实例 ($.ajax、$.post、$.get)
- 深入解析jQuery中Deferred的deferred.promise()方法
- 详解JavaScript异步编程中jQuery的promise对象的作用
- JQuery库:(一)简介
- jquery获取select的中值和文本
- jQuery的promise与deferred对象在异步回调中的作用
- javascript与jQuery对比之淡入