jQuery

mac2025-12-28  6

一、jQuery是什么   jQuery是一个JavaScript函数库。   jQuery是一个轻量级的"写的少,做的多"的JavaScript库。   jQuery库包含以下功能:              HTML 元素选取               HTML 元素操作               CSS 操作              HTML 事件函数              JavaScript 特效和动画              HTML DOM 遍历和修改              AJAX              Utilities 二jQuery 语法 1   基础语法: $ (selector).action()    美元符号定义 jQuery    选择符(selector)“查询"和"查找” HTML 元素    jQuery 的 action() 执行对元素的操作 实例:    $ (this).hide() - 隐藏当前元素    $ (“p”).hide() - 隐藏所有 < p > 元素    $ (“p.test”).hide() - 隐藏所有 class=“test” 的 < p > 元素    $ ("#test").hide() - 隐藏所有 id=“test” 的元素    $ ("*") 选取所有元素    $ (this) 选取当前 HTML 元素    $ (“p.intro”) 选取 class 为 intro 的 < p> 元素    $ (“p:first”) 选取第一个 < p> 元素    $ (“ul li:first”) 选取第一个 < ul> 元素的第一个 < li> 元素    $ (“ul li:first-child”) 选取每个 < ul> 元素的第一个 < li> 元素    $ ("[href]") 选取带有 href 属性的元素     $ (“a[target=’_blank’]”) 选取所有 target 属性值等于 “_blank” 的 < a> 元素    $ (“a[target!=’_blank’]”) 选取所有 target 属性值不等于 “_blank” 的 < a> 元素    $ (":button") 选取所有 type=“button” 的 < input> 元素 和 < button> 元素    $ (“tr:even”) 选取偶数位置的 < tr> 元素    $ (“tr:odd”) 选取奇数位置的 < tr> 元素 2 .jQuery 选择器       jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。       jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。       jQuery 中所有选择器都以美元符号开头:$ ()。 3.jQuery事件      $ (document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)      $ (selector).click(function) 触发或将函数绑定到被选元素的点击事件      $ (selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件      $ (selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件      $ (selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件 三、jQuery具体网址 https://www.runoob.com/jquery/jquery-hide-show.html

最新回复(0)