jQuery的使用

目录

jquery对象:

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

jquery事件机制 

jquery dom操作


jquery对象:




    
    
    Document
    
    


    
    
    

 浏览器运行结果如下:


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

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




    
    
    Document
    
    


    

浏览器运行结果如下:

 jQuery的使用_第1张图片


jquery事件机制 

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





    
    
    Document
    
    



    
    
    
    
    
    
    
    
    
    
    
    
    
    


浏览器运行结果如下:


jquery dom操作

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




    
    
    Document
    
    
    


    
    
我是块级元素

浏览器运行结果如下:

 jQuery的使用_第2张图片


你可能感兴趣的:(jquery,前端,javascript,开发语言,ecmascript)