jQuery入门——（二）

0.基本知识

$与jQuery等价，$.fun代表jQuery的全局方法。

 

jQuery必须首先导入JQuery库，

jQuery的事件都不带on，例如   

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

                    alert("哪来的惊喜");

                 location.href="0入门.html";

         });

 

1引入方式

先引入jQuery库，在引入 自己写的jQuery文件。

 

2.js与jQuery加载区别

结果:打印 王五，赵六，田七，李四

 

3.jQuery的简单使用

 

4. jsDOM与jq对象转换

 

 

例子:

// 初始化试卷
var initPaper = function() {
    var papers = $("[name='exam.paperid_1']");// 获取页面中的试卷(DOM 元素数组)
    var first = papers[0];
    debugger
    for (var i = 0, length = papers.length; i < length; i++) {
        if ($(papers[i]).val() == examPaperId)// 选择考试的试卷
            $(papers[i]).attr("checked", "checked");

    }
}

 

解析:(1)通过jquery选择器获取到的是满足条件的DOM元素数组(papers)，

　　　first:      <input type="radio" value="3912817e77b04c7a8e707d6cce56a5e0" name="exam.paperid_1" onclick="setPaperIdValue()">

　　papers :是满足条件的input元素集合(也就是8个上述格式的input元素数组):

  

　(2)利用$(DOM元素)将DOM对象转为jquery对象
　　如下动态生成一个div元素并获取其id属性。

alert($("<div id='WW'>wwww<div>").attr('id'));

 

 

 

 

5.JQ获取修改内容与CSS属性

 

可以同时修改值与CSs属性。例如:

$("#tip").text("卓越").css("color", "red");