免费注册	查看新帖 \|


平台论坛博客文库

› 论坛 › 程序设计 › Web开发 › 初学jquery

最近访问板块

发新帖

查看: 2033 | 回复: 1

上一主题

下一主题

初学jquery [复制链接]

中关村村草

论坛徽章:: 0

电梯直达

跳转到指定楼层

1楼 [收藏(0)] [报告]

发表于 2012-01-13 16:22 |只看该作者 |倒序浏览

初学jquery

趁着项目组还没给我分配活，学习点jquery。以后都要用，先学习学习。

jquery是一个javascript库。可以简化javascript 的操作。jquery的口号是：write less ,do more.

这是我写的第一个代码：

jquery1.html

Html代码

<html>
<head>
<script type = "text/javascript" src = "../jquery/jquery.js"></script>
<script type = "text/javascript" src = "1.js"></script>
</head>
<body>
<div id="div1"> click me </div>
</body>
</html>
<html>
<head>
<script type = "text/javascript" src = "../jquery/jquery.js"></script>
<script type = "text/javascript" src = "1.js"></script>
</head>
<body>
<div id="div1"> click me </div>
</body>
</html> 1.js

复制代码

Js代码

$(document).ready(function(){
$("div").click(function(){
$(this).html(" hello everyone!<br/> the text has change");
});
});
$(document).ready(function(){
$("div").click(function(){
$(this).html(" hello everyone!<br/> the text has change");
});
});

复制代码

记得要在本目录的上层目录jquery下引入jquery.js才能使用jquery。

document 是 DOM 对象，使用$()，将document转换成jquery对象。

所有的DOM对象都可以使用$()转换成jquery对象。

在javascript中触发的一般是事件，例如

nclick事件，在jquery中一般是函数，如：lick()函数。

$("div"

会获得页面上标签是div的DOM。是一个集合。

所有的jquery函数都是放在这个函数里面。

Js代码

$(document).ready(function(){
--- jQuery functions go here ----
});
$(document).ready(function(){
--- jQuery functions go here ----
}); $(document).

复制代码

ready()为文档就绪函数。防止在文档在完全加载就绪之前就运行jquery函数，引起错误。

jquery选择器有：

1.$("p") 选择所有<p>元素。
2.$("#userName") 选择 id = userName 的第一个元素。id也肯能重复。
3.$(".userName") 选择 class = userName 的所有元素

复制代码

。

未完待续...

文库|博客

如果有一天21

论坛徽章:: 0

2楼 [报告]

发表于 2012-01-13 16:22 |只看该作者

期待哦

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

发新帖

Chinaunix › 论坛 › 程序设计 › Web开发 › 初学jquery

北京盛拓优讯信息技术有限公司. 版权所有京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP