jQuery 第一个jquery程序

jquery  我们习惯称为jq

下面我们来写第一个jq的程序

点击一个按钮给div 加入文字

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>第一个jquery程序</title>
	<style type="text/css">
		#dv{
			width:150px;
			height:150px;
			border:1px solid red;
		}
	</style>
	<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> //引入js 
	<script>
		$(function(){
			$('#but').click(function(){
				$('#dv').html("php中文网");
			});
		});
	</script>
</head>
<body>
	<div id="dv"></div><br>
	<input type="button" value="按钮" id="but">
</body>
</html>

看上面代码:首先我们写jq代码时

要先写 

 $(function(){

    代码块

})

然后我们在代码块去写功能性代码

继续学习
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>第一个jquery程序</title> <style type="text/css"> #dv{ width:150px; height:150px; border:1px solid red; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $('#but').click(function(){ $('#dv').html("php中文网"); }); }); </script> </head> <body> <div id="dv"></div><br> <input type="button" value="按钮" id="but"> </body> </html>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

JQuery 基础入门教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载

谭生

$(".banner .num li").first().addClass("onn");这个运行不要加function(){})

8年前    添加回复 0

谭生

$(".banner .num li").hover(function(){ var index=$(this).index();//获到当前元素的索引值 i=index; $(".banner .img").stop().animate({left:-index*1600},500) $(this).addClass("onn"

8年前    添加回复 0

谭生

var 有的时候要用function(){,为什么有的又不用var zqh=$(".banner .img li").first().clone();

8年前    添加回复 0

学习ing

click是啥啊,不是onclick吗

8年前    添加回复 0

Alway.以为

好像能看懂一点

8年前    添加回复 0

据说名字长的人会有很多女朋友

这个和JS很像啊

8年前    添加回复 0

末日的春天

想到了hello word

8年前    添加回复 0

橱窗的光

$(function(){ 代码块 }) 这样就简单多了,比起js的代码,简洁多了

8年前    添加回复 0

为什么有的时候用function(){},有的时候不用

[最新 Ty80 的回答] (function(){ })();//立即执行自执行匿名函数:常见格式:(function() { /* code */ })();解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你允许(变量前加上window,这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。总结一下,执行函数的作用主要为 匿名 和 自动执行,代码在被解释时就已经在运行了。其他写法(function () { /* code */ } ());  !function () { /* code */ } (); ~function () { /* code */ } (); -function () { /* code */ } (); +function () { /* code */ } ();$(function(){ });//文档加载完后执行

时间:8年前

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~