首页 > Web开发 > 详细

JQuery基础学习(一)

时间:2020-04-26 17:28:03      阅读:60      评论:0      收藏:0      [点我收藏+]

jQuery是一个JavaScript数据库。

jQuery是一个轻量级的写得少,做得多的javascript库,jQuery极大的简化了JavaScript编程。

对于JQuery的应用版本,我们可以在console窗口使用$.fn.jquery命令查看。

JQuery语法

jQuery通过选取html元素,并对选取的元素执行某些操作。基础语法:$(select).action();

实例:$(this).hide();$("p").hide() ;$("#test").hide();

实例中的所有JQuery函数位于一个document ready函数中:

技术分享图片

 

 

 这是为了在文档完全加载之前运行jquery代码,即在DOM加载完成之后才可以对DOM进行操作。

简洁的写法:

技术分享图片

 

 

 技术分享图片

 

 

 

笔记:

以上的两种方式是jQuery的入口函数,JavaScript的入口函数:

技术分享图片

 

 

 

jquery与JavaScript的入口函数的区别:

  • jquery的入口函数是在所有html所有标签(DOM)都加载之后,就会去执行。
  • JavaScript的window.onload事件是等到所有内容,包括外部图片之类的文件加载完之后,才会执行。 

 

jquery选择器

技术分享图片

 

 

 笔记:

  • 通过$(“:button”)可以选取所有type=button的<input>元素和<button>元素,如果去掉:,则只能获取<button>元素。
  • 关于 : 和 [] 这两个符号的理解

      :可以理解为种类的意思,如:p:firstp 的种类为第一个。

      [] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

  • 表单选择器

     $(“:button”)为jQuery中的表单选择器(与过滤选择器同级),旨在选择所有的按钮。

     :即为jQuery的过滤选择器

技术分享图片

 

 

JQuery基础学习(一)

原文:https://www.cnblogs.com/qqguoqin/p/12780801.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!