jquery常用事件

谁借莪１个温暖的怀抱￠ 2022-06-07 11:19 203阅读 0赞

1.        点击事件：$（“button”）.clik（function（）\{    \}）；

2.        删除事件：$（“元素”）.remove（）；

3.        修改文本：$（“元素”）.html（<b>文本内容</b>）；

4.        获取内容：$（“元素”）.text（）；取得所有匹配元素的内容

5.        获取当前值：$（“元素”）.val）；获取第一个匹配元素的当前值

6.        移动事件：$（“元素”）. appendTo（“元素”）；

7.        复制事件：$（“元素”）.clone（）；

8.        查找事件：$（“元素”）.find（）；

9.        添加class属性：$（“元素”）.addClass（“属性1  属性2 属性3”）；

10.    选取父元素：$（“元素”）.parent（）；

选取子元素：$（“元素”）.children（）；

选取兄弟元素：$（“元素”）.sibling（）；

选取第几个子元素：$（“元素前缀：nth-child（n）”）.操作（）；

选取偶数元素：$（“元素前缀：even”）.操作（）；

选取奇数元素：$（“元素前缀：odd”）.操作（）；

11.    显示/隐藏事件：bind（）；

语法：$（“元素”）.blind（“事件”，function（）\{    \}）；

$（“元素”）.blind（事件：function（）\{    \}，事件：function（）\{    \}）；

12.    Bind（type，\[data\],fn）：为每一个匹配元素的特定时间绑定一个时间处理函数

Type：事件类型

Data：event.data属性值传递给事件的额外数据对象

Fn：事件处理函数

13.    One（type，\[data\],fn）：绑定一个只执行一次的事件处理函数

14.    滑动效果显隐替换：slideToggle（）；

15.    聚焦/失焦：focus（）/blur（）；

16.    改变事件：change（）  进用于文本域，以及textarea和select元素

17.    隐藏事件：delegate（）

语法：$（“父元素”）.delegate（“子元素”，“事件”，function（）\{    \}）

18. 添加事件：insertafter（）/insertbefore（）：在哪个后面添加或者前面添加

语法：$（“新增内容”）.insertafter（“元素”）；

19. 查找和筛选元素

1)  Filter（expr）：筛选处于执行表达式匹配的元素的集合

**     $**(**function**()\{  
           **$**(**"\#testbutton"**).click(**function**()\{  
            **$**(**"p"**).filter(**"\#first"**).css(**"background-color"**,**"pink"**);  
      \});  
\});

2)  hasClass（“class”）：检查元素是否含有某个特定的类

3)  each（“p”）：遍历页面上所有的p标签

4)  eq（index）：获取第n个元素，元素的位置是从开始的

5)  slice（start，\[end\]):选取一个匹配的子集

6)  next（）：获取包含匹配的元素集合中每一个元素紧邻的后面的同级元素的集合。

7)  过滤器的函数还可以是Function，如果是Function，筛选出与指定的返回值匹配的元素的集合。

**$**(**function**()\{  
   **$**(**"\#testbutton"**).click(**function**()\{  
       **$**(**"p"**).filter(**function**()\{  
           **return $**(**this**).hasClass(**"first"**)?**"first"**:**""**;  
       \}).css(**"background-color"**,**"red"**);  
   \});  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，203人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery常用事件处理

如下所示事件： ![Center][] ![Center 1][] 1）鼠标悬停或离开事件 <script type="text/javascri

Myth丶恋晨/ 2024年02月17日 17:09/ 0 赞/ 42 阅读

相关 Electron中常用api事件-app常用事件和webContents常用事件

场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld： [https://blog.csdn.net/BADA

谁践踏了优雅/ 2023年10月06日 09:57/ 0 赞/ 41 阅读

相关 JavaScript 常用事件

JavaScript事件事件是用户或浏览器自身执行的某种动作，如click,load和mouseover都是事件的名字。事件是javaScript和DOM之间交互

野性酷女/ 2022年12月25日 07:59/ 0 赞/ 182 阅读

相关 js常用事件

window.onload 用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload=function

分手后的思念是犯贱/ 2022年12月11日 15:17/ 0 赞/ 185 阅读

相关【js】jQuery常用事件和委托事件

1.JQuery大概有以下几个常用事件 <table> <thead> <tr> <th>事件</th> <th>说明</th> </tr

曾经终败给现在/ 2022年11月27日 00:39/ 0 赞/ 236 阅读

相关 JavaScript常用事件

window.onload = function () { var input = document.getElementsByTagName('inp

约定不等于承诺〃/ 2022年08月03日 03:04/ 0 赞/ 183 阅读

相关 jquery常用事件

1. 点击事件：$（“button”）.clik（function（）\{ \}）； 2. 删除事件：$（“元素”）.remove（）；

谁借莪１个温暖的怀抱￠/ 2022年06月07日 11:19/ 0 赞/ 204 阅读

相关 JQuery 常用功能

隐藏和显示: $("hide").click(function(){ $("p").hide(); //缓慢 $("p").hide(1000);

末蓝、/ 2022年05月11日 06:52/ 0 赞/ 247 阅读

相关 angularJs常用事件

ui-router禁用缓存 //配置路由 app.config(function ($stateProvider, $urlRouterProvider,

亦凉/ 2022年04月08日 09:08/ 0 赞/ 253 阅读

相关 jQuery事件绑定与常用事件

jQuery事件与js类似，只是在名称上将前面的on去掉了，例如jQuery的click、mousedown、keypress事件。jQuery绑定事件有2种方法，下面用最基本

妖狐艹你老母/ 2021年12月20日 10:07/ 0 赞/ 368 阅读