Jquery简介

Posted 2020-07-28 黑默

1，Jquery是目前用的最火的一个javascript框架

2，PROTOTYPE 市最早一个成熟的Js框架

3，Jqurty：用户多，速度快，文件小，比较复杂的DOM封装

4，js:ECMAscript  BOM  DOM

JQ将BOM和DOM部分给封装

，Jq特点：资源多，DOM封装，浏览器的兼容

Jq理念：write less  ,do  more;

$("selector").action(fn)

举例：

$("#btn").click(function(){

 

$("#btn").css({background:"red"})

})

$("")  :直接找到对象。

.click(); 绑定点击事件。

Funciton(){}:点击后调用这个函数

$("btn").css({});  该对象的CSS属性发生什么行为。

将该发生的行为放入大括号中即可。

代码量对比如下：

使用JS：

<span id="tan"> 看看弹出这句话用JS多复杂，用JQ多简单。</span>

<input type="button" value="点击变色" id="btn" onclick="change()" />

 

<script>

function change(){

var btnobj=document.getElementById("btn");

var spid=document.getElementById("tan");

btnobj.innerhtml=spid.innerHTML;

alert(btnobj.innerHTML);

}

</script>

使用JQ:

 

<span id="tan"> 看看弹出这句话用JS多复杂，用JQ多简单。</span>

<input type="button" value="点击变色" id="btn"/>

 

<script>

$("#btn").click(function(){

alert($("#tan").html());

});

</script>