JavaScript（五）jQuery（获取、选择器）

JavaScript（五）jQuery（获取、选择器）

• JavaScript（五）jQuery（获取、选择器）
  • js和jQuery
  • 获取jQuery
  • 选择器
  • 事件
    • 鼠标事件
    • 鼠标实例
  • 操作DOM元素

js和jQuery

• jQuery是一个库，里面存在大量的js函数

获取jQuery

• 下载网址：Download jQuery | jQuery

• 有编译好的（上面）和未编译版（下面），下载，用下面的就行

• 点进去如果是一堆符号而不是下载的话没事，直接点击ctrl+s就可以了

• 引入，直接复制粘贴过去

• 使用jQuery

  公式：$(selector).action()

  • selector选择器(就是css选择器)，选择标签

    选择器就是css选择器（id是#，class是.）
    

  • action():事件

  
  
  
      
      
      
      
  
  
  点我
  
  
  
  

选择器

文档工具站：jQuery API 中文文档

事件

• 鼠标事件、键盘事件、其他事件
• 鼠标事件

鼠标事件

鼠标实例

• 显示鼠标移动的位置

    
    
    
    


mouse:

在这里移动鼠标试试

操作DOM元素

• 节点文本操作

$("#ul1 li[name=py]").text("123");//重新设置值
$("#ul1 li[name=py]").text();//获得文本值
$("#ul1").html();//获得html值
$("#ul1").html("123");//设置值

• css操作

    
    
    
    



    
JavaScript
    
Python

• 元素的显示和隐藏

  $("#ul1 li[name=py]").show();//显示
  $("#ul1 li[class=js]").hide()//隐藏,相当于display=none

    
    
    
    



    
JavaScript
    
Python