快速了解JQuery

   【前言】这几天一直在总结BS学过的相关内容,刚开始学习的时候没有做宏观把控看完学习视频感觉知识点很细碎,不知道该怎么学习,这几天又学习了一遍教程脑子里有了宏观上的内容,然后再去看那些细小的知识点就知道在什么时候使用有什么作用了。


 一、什么是Jquery 


   JQuery是一个轻量级的“写得少,做得多”的JavaScript函数库,极大地简化了JavaScript的编程,非常容易学习。


 二、为什么使用Jquery


   JQuery是最流行的JS框架而且提供了大量的扩展,很多大公司(如GooleMicrosoftIBMNetflix)都在使用JQuery


 三、JQuery的功能


   1、html 的元素选取

   2、html的元素操作

   3、html dom遍历和修改

   4、js特效和动画效果

   5、css操作

   6、html事件操作

   7、ajax异步请求方式


 四、JQuery的语法


   jQuery 语法是通过选取 HTML元素,并对选取的元素执行某些操作。

  基础语法: $(selector).action()

  •  美元符号定义 jQuery
  •  选择符(selector)"查询"和"查找" HTML 元素
  •  jQuery 的 action() 执行对元素的操作

  如:

  •  $(this).hide() - 隐藏当前元素
  •  $("p").hide() - 隐藏所有 <p> 元素
  •  $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
  •  $("#test").hide() - 隐藏所有 id="test" 的元素

 五、JQuery选择器


   jQuery 选择器允许您对 HTML元素组或单个元素进行操作。jQuery 中所有选择器都以美元符号开头:$()。 

    1、元素选择器$("p")

    2#id选择器$("#test")

    3、.class 选择器$(".test")


六、JQuery事件


   页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML中发生某些事件时所调用的方法。如:在元素上移动鼠标,选取单选按钮,点击元素。

   常见 DOM 事件:


 

   【总结】我们知道了选择器和事件的作用,我们其实就知道了JQuery该怎么用,具体应该使用什么选择器我们只需要按照我们想要实现的对象来决定,事件我们就可以去查询JQuery库了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值