jQuery之美,第一次...

一场ajax风暴，席卷了整个web开发世界... ...prototype、jQuery、mootools各种js框架层出不穷。知道昨天，自己还不习惯使用框架做js开发，最近想应聘javascript相关的工作，就仔细学习了各个框架。

的确，jQuery将改变，javascript的编程方式！

在未使用jquery框架的时候，代码：

<body>
<a id="test" href="http://javascriptcn.com">js中国</a>

<script type="text/javascript">
document.getElementById("test").onclick=function()
{
alert("hello world!");
}
</script>

</body>

处理的逻辑代码必须写在a标记之后，否则将会出现无法找到对象的错误。因此，这样body里就不得不出现n多的<script></script>.....
因而影响了，dom数的完美结构。

有了jquery框架后:
common.js文件

$(document).ready(function() {
//逻辑实现
$("#test").click(function() {

           alert("Hello world!");

    });
//实现结束
});

hml文件

用jQuery不需要在每个a标签之后写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样。

转载于:https://www.cnblogs.com/wangxiang/articles/1107891.html

jQuery之美,第一次...相关推荐

jQuery实现radio第一次点击选中第二次点击取消功能(转)
转载自:http://www.jb51.net/article/113730.htm 由于项目的需求,要求radio点击两次后为取消状态,不方便修改为checkbox,可以用正面的方法实现. // j ...
“jQuery风暴” 推荐及配套代码下载
近一年没有更新博客. 这一年我进行了我的第一次跳槽和转型. 从架构到一名前端开发, 这个转型是纠结的.现在我是百度的一名前端开发工程师. "从零学习jQuery"系列教程收 ...
jQuery 单选框/复选框美化
对于前端萌新来说,美化表单是个痛苦的事情,通常都是去寻找插件这种逃避的办法,其实这并不是难事.在上篇文章中提到了兄弟元素选择器在表单美化中表现突出,下面的示例源码将体现基础篇知识的实际应用. 纯CS ...
JQuery 基础笔记
JQuery 基础笔记 1. jQuery 概述 1.1 jQuery 是什么? 1.2 jQuery 简单应用 1.3 jQuery 功能应用 1.4 jQuery 技术优势 1.5 jQuery ...
jquery 百度百科
http://baike.baidu.com/view/1020297.htm 百科名片 jquery logo Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级 ...
前端基础之JQuery
一.什么是JQuery ［1］ jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. ［2］ jQuery是一种新型的Java ...
jQuery学习笔记--Helloworld
刚学习jQuery,觉得有的东西确实有必要写下来,加深下记忆,本文纯属给自己写的,希望大家不要见笑 jQuery是什么? jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多j ...
第四篇前端学习之JQuery基础
一 jQuery是什么? jQuery就是一个JavaScript的库. <1> jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入 ...
前端入门之——jquery day9
转载 https://www.cnblogs.com/yuanchenqi/articles/5663118.html 一 jquery简介 1 jquery是什么 jQuery由美国人John Re ...

jQuery之美,第一次...

jQuery之美,第一次...相关推荐

最新文章

热门文章