jQuery入门学习

以下都是笔记和自己总结的一些观点

不喜勿喷

--------分割线----------------------------------------------

JavaScript是基本语法，jQuery是在JavaScript基础上开发出来的框架，是目前比较流行的JavaScript程序库，比javascript更快，设计思想是write less,do more(少说多做)。

话不多说，先看例子。

先导入jQuery包，在通过jQuery的方法来实现输出文本框。我是通过id选择器找到div，通过 var $a = $("#div1"); 将#div1的对象赋给$a,再通过html方法实现输出文字。

--导包----

--另起一个script块--

后面的js代码块定义都用代替

jQuery的声明，与js一致不同的是用"$"符号声明。

var $h1 = $("h1"); ==>等价于 var jQueryh1 = jQuery("h1");

语言特点：边运行边解析

一.选择器

js里的选择器有一下几种：

document.getElementById("id标签");

document.getElementByClassName("类标签");

document.getElementByTagName("节点标签");（每一个元素相当于一个节点）

jQuery就有很多，升华了标签选择器.

一.类css选择器

1.类CSS选择器

 1.1.基本选择器

 1.2层次选择器

 1.3属性选择器

2.过滤选择器

    2.1基本过滤选择器

    2.2可见过滤选择器

-----------------------------------------------------------------------------------

十分重要，不可言喻。

类CSS选择器

 element , id , class , select1,select2 , element.class , *

    1.基本选择器

    element 标签选择器

        

标签选择器

        alert($("h1").html());

    .class 类选择器

       

这里是类选择器

        alert($(".p1").html())

    #id id选择器

        这里是id选择器

        alert($("#s1").html())

    .class,#id 并集选择器

       

这里是并集选择器1

       

这里是并集选择器2

        alert($("p1,p2"))

    p.class 交集选择器

       

这里是交集选择器1

       

这里是交集选择器2

        alert($("p.p1"))

    * 全局选择器

        alert($(*).html())

    层次选择器

        后代选择器 ancestor descendant 

            $("p a"); 选择p标签里所有子标签的a标签

            

        子选择器 parent>child

            $("p>a");选择p标签里的子标签a

    

--------------------------------------------------------------------

jQuery DOM操作 *