jQuery零基础学习笔记（一）

Q：如何添加jQuery库？

A：两种方式。

      第一种，从jQuery.com网站上下载名为jQuery.js的库函数到本地，再加载，如下：

[html] view plain copy print ?

1. <</SPAN>head>  
2.   <</SPAN>script type="text/javascript" src="jquery.js"></</SPAN>script>  
3. </</SPAN>head>  

     第二种，不用在本地存放jQuery库，而是加载google和Microsoft的jQuery的核心文件，如下：

[html] view plain copy print ?

1. <</SPAN>head>  
2.   <</SPAN>script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></</SPAN>script>  
3. </</SPAN>head>  
4.   
5. <</SPAN>head>  
6.   <</SPAN>script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></</SPAN>script>  
7. </</SPAN>head>  

Q：jQuery有哪些重要语法？

A：基础语法是：$(selector).action()

     美元符号定义 jQuery 选择符；

   （selector）“查询”和“查找” HTML 元素 ，可以选择html元素，id，class以及标签等；

     action() 是用来对获取的元素执行操作；

 

Q：(selector)选择器如何进行元素选择？

A：举例说明

      $("this")        获取当前html元素

      $("#test")      获取id=test的第一个元素

      $(".test")       获取所有class=test的元素

      $("p")            获取所有段落

      $("p.test")     获取所有class=test的段落

      $("ul li:first")  获取每个

• 的第一个
• 元素

        $("[href]")      获取所有带有href属性的元素

        $("[href$='.jpg']")   获取所有带有以 ".jpg" 结尾的属性值的 href 属性

        $("div#test.test")   获取id="test" 的

  元素中的所有 class="test" 的元素

        $("p").css("background-color","red")    将所有 段落 的背景颜色更改为红色