2025年基于jquery使用教程（2025年jquery基础）

如何使用jQuery和JavaScript显示和隐藏密码

1、jQuery提供了hide（）和show（）方法来隐藏和显示HTML元素。这两个方法可以接受两个可选参数：speed和callback。speed：规定隐藏/显示的速度，可以取slow、fast或毫秒值。callback：隐藏或显示完成后所执行的函数名称。此外，还可以使用toggle（）方法来切换hide（）和show（）方法。

2、（function（）{ （#money1）.hide（）；//隐藏 （#money1）.show（）；//显示 }）； 需要动态改变文本框的css样式，display属性值为block则显示，为none为隐藏。

3、show（）方法首先触发show或hide事件，然后调用showHide（）方法进行处理。showHide（）方法对输入的元素进行封装，并根据传入的speed参数调用jQuery.fn[show]方法或animate（）方法进行元素显示或隐藏操作。在showHide（）方法中，会遍历elements参数，将display属性设置为值，并对每个元素进行处理。

4、使用JavaScript控制div的显示隐藏，通常是修改div元素的display为none。display属性 定义和用法 display 属性规定元素应该生成的框的类型。

jQuery中click()方法如何使用

click方法可以创建一个在按下指定按钮时调用的进程。下面我们编写click方法$（function（）{ $（“选择器”）.click（function（）{ //处理的内容 }）；}）；使用选择器指定按钮后，调用click方法。使用click方法的参数调用函数，并执行函数的内容。

#id）.click（function（）{ // 点击此事件的具体操作。}）；还有一种功能这样写，是通过JS 脚本来触发 服务器事件。

a）.click（function（）{ if（$（this）.is（：hidden）{//如果隐藏就显示 （this）.show（）；}else{ （this）.hide（）；} }）；或者可以查考jquery帮助文档使用.toggle（）概述 切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。示例 描述：切换所有段落的可见状态。

click本身是方法作用是触发onclick事件，只要执行了元素的click（）方法，就会触发onclick事件。click（）方法的主要作用是触发调用click方法元素onclick事件，实际上是模拟了鼠标的点击动作。此外，如果在click括号内定义了其他可执行语句，则click方法会在执行完onclick事件之后执行括号内部的语句。

在jQuery里如何使用复合选择器

1、selectorN：（可选择）为任意多个选择器，可以是ID选择器、无素选择器或是类名选择器等。例如，要查询文档中的全部的span标记和使用css类myClass的p标记，可以使用下面的jQuery代码：$（span，p.myClass）；二 应用在页面添加3种不同元素并统一设置样式。使用复合选择器筛选p元素和id属性值为span的元素，并为它们添加新的样式。

2、复合选择器对checkbox的相关操作 例.需要把类型为checkbox，同时可用的元素设置成已选择方法①使用属性过滤选择器 [type=checkbox] 和 [disabled！=disabled]注意在这个复合选择器中，可用元素的选择应使用 disabled！=disabled，而设置属性时应使用 attr（checked，true）。

3、input：选择所有表单输入元素。：text：选择所有文本输入元素。：checkbox：选择所有复选框。：radio：选择所有单选按钮。使用jQuery选择器可以极大地简化DOM操作，提高网页开发的效率。开发者可以根据需要选择合适的选择器来定位和操作页面上的元素。

4、jQuery通过其独特的构造函数jQuery（）（简写为$），允许开发者使用CSS选择器语法来选择页面上的元素。这些选择器可以是非常简单的ID选择器（如$（#myElement），也可以是复杂的复合选择器（如$（.myClass div p）。

5、基本过滤选择器 a） ：first，选取第一个元素，别忘记它也是被放在一个集合里哦！因为JQuery它是DOM对象的一个集合。如，“$（tr：first）”返回所有tr元素的第一个tr元素，它仍然被保存在集合中。b）“：last”，选取最后一个元素。

6、CSS和HTML HTML基础：了解web标准、HTML相关概念、HTML标签（如表格标签、表单标签等）、路径相关概念及锚点等。CSS基础：掌握CSS选择器、CSS字体样式、CSS外观属性、CSS复合选择器、标签显示模式、CSS背景等。