小编认为,JQuery就是用JavaScript封装成的一些js方法,又将这些方法封装在一起,称为JQuery。除此之外,js还有两个库就是Prototype、MooTools,这里不再多做介绍。
在之前学过的js中知道,js中的函数和方法都是需要我们自己亲自编写的,但是有些方法是我们经常要用到的,由此就产生了JQuery库,就好比生产汽车,飞机,大炮等,之前我们得先用钢材造螺丝,铁板等,然后再去造我们需要的汽车,飞机等,而现在是直接用造好的螺丝,铁板等做我们想做的东西。
这种思想就是封装,说白了就是写的更少,做的更多(例子中理解为,花的时间更少,造出的质量更高)。正是有了这种思想,才让这个世界变得如此简单。
主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。
jQuery 允许您通过 CSS 选择器来选取元素。
在 JavaScript 中,您可以分配一个函数以处理窗口加载事件:
JavaScript 方式:
<span style="font-size:18px;">function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello jQuery";
}
onload=myFunction;</span>
jQuery 方式:
function myFunction()
{
$("#h01").html("Hello jQuery");
}
$(document).ready(myFunction);
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Background color = " + $("p").css("background-color"));
});
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<button>返回 p 元素的背景色</button>
</body>
</html> 该例子将JQuery与HTML和css结合起来,利用单击事件,访问HTML中的p标签并返回其背景颜色。
ps:要想学好JQuery还需要我们去做更多的例子,只有在实战中不断的应用,我们才能将JQuery理解的更深入,应用的更灵活
原文地址:http://blog.csdn.net/u010168160/article/details/42271023