jQuery的使用

目录

jquery对象：

jquery作为一般函数调用参数:

jquery事件机制 

jquery dom操作

---

jquery对象：

    
    
    
    
    


    
    确定(js)
    确定(jquery)

 浏览器运行结果如下：

---

jquery作为一般函数调用参数:

  1.$() 匿名函数  入口函数区别
  2.css选择器字符串 匹配元素 
  3.dom对象 jquery会把dom对象封装为jquery对象
  4.html字符串 表示创建html中元素

    
    
    
    
    


    网爆我

浏览器运行结果如下：

 

---

jquery事件机制 

  绑定事件：on(function(event){
    event---jquery封装的事件对象 data
  })  bind()  one()一次性事件绑定
  解绑事件：off()  unbind()  
  事件类型：click() blur() focus() mouseenter() mousedown() 
  trigger 模拟事件 

    
    
    
    
    



    
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我
    点击我

浏览器运行结果如下：

---

jquery dom操作

  addClass() 添加类名
  removeClass() 移除类名
  toggleClass() 切换类名 有类名则是移除 没有则是添加
  clone() 深克隆和浅克隆 克隆事件和内容
  attr()
  removeAttr()
  html() 元素的内容 包括文本和标签
  text() 只获取元素的文本内容
  val()  获取输入框值

    
    
    
    
    
    


    点击我
    
我是块级元素

浏览器运行结果如下：

 

---