为 JQuery 找到 732 篇文章

示例中的 jQuery hasClass()

AmitDiwan
更新于 2019-12-30 07:48:11

180 次浏览

jQuery 中的 hasClass() 方法用于检查选定的元素是否具有指定的类名。语法语法如下:$(selector).hasClass(classname)上面,参数 classname 是要从选定元素中搜索的类名。示例我们现在来看一个使用 jQuery hasClass() 方法的示例: 实时演示    $(document).ready(function(){       $("button").click(function(){          alert($("h2").hasClass("demo"));       });    }); Student Info Teacher Info 单击我 输出这将产生以下输出: 单击“单击我”按钮以显示任何元素是否具有类“demo”:

使用示例的 jQuery has()

AmitDiwan
更新于 2019-12-30 07:45:27

208 次浏览

jQuery 中的 has() 方法用于返回其中包含一个或多个元素的元素,这些元素与指定的选取器匹配。语法语法如下:$(selector).has(ele)上面,参数 ele 用于指定一个选择器表达式或与元素匹配的元素。例如,我们现在来看一个使用 jQuery has() 方法的示例: 实时演示    $(document).ready(function(){       $("button").click(function(){          $("p").has("span").css("color", "orange");       });    }); h2 {    color: blue; } Student Info This is a demo text. Exam Info This is ... 阅读更多

jQuery 遍历兄弟元素

AmitDiwan
更新于 2019-12-30 07:36:19

120 次浏览

通过 jQuery,可以使用以下方法轻松找到元素的同级元素:next()、nextAll()、prev()、prevAll()、siblings() 等。下面我们来看一些用来遍历同级元素的方法——next() 方法 next() 方法用于返回选定元素的下一个同级元素。下面我们来看一个示例:示例实时演示   div {    width:600px; } .demo * {    display: block;    border: 2px solid orange;    color: blue;    padding: 10px;    margin: 10px; }    $(document).ready(function(){       $("h3").next().css({"color": "gray", "border": "3px dashed blue"});    }); 父同级元素... 了解更多

jQuery 遍历后代元素

AmitDiwan
更新日期:2019 年 12 月 30 日 07:30:10

82 次浏览

为遍历和查找元素的后代元素,jQuery 采用了以下方法:children() 和 find()。children() 方法 children() 方法在 jQuery 中用于返回选定元素的直接子代元素(仅直接子代元素的单层级)。下面我们来看一个示例:示例实时演示   div {    width:600px; } .demo * {    display: block;    border: 2px solid orange;    color: blue;    padding: 10px;    margin: 10px; }    $(document).ready(function(){       $("div").children().css({"color": "gray", "border": "3px dashed blue"});    }); 高高祖父母 高祖父母 祖父母 父元素 span ... 了解更多

带示例的 jQuery mouseup()

AmitDiwan
更新日期:2019 年 12 月 30 日 07:19:20

309 次浏览

jQuery 中的 mouseup() 方法用于触发 mouseup 事件。当在选定元素上方松开鼠标左键时,将触发此事件。语法语法如下:$(selector).mousedown(func)其中,在 mouseup 事件触发时,func 是要运行的函数。示例我们现在来看一个示例,以实现 jQuery mouseup() 方法 ——实时演示    $(document).ready(function(){       $("h2").mouseup(function(){          $(this).after("鼠标松开(已松开鼠标按钮)。");       });       $("h2").mousedown(function(){          $(this).after("鼠标按下(已按下鼠标按钮)。");       });    }); ... 了解更多

jQuery 遍历筛选

AmitDiwan
更新日期:2019 年 12 月 30 日 07:08:44

169 次浏览

jQuery 中的筛选方法包括 eq()、filter()、not() 等。我们在这里来看一些筛选方法——not() 方法 jQuery 中的 not() 方法用于返回不符合特定条件的元素。示例我们来看一个示例,以实现 jQuery not() 方法——实时演示    $(document).ready(function(){       $("button").click(function(){          $("h2").not(".demo").css("color", "orange");       });    }); h2 { color: blue; } 学生信息 这是一个演示文本。考试信息 这是一个演示文本。教师信息 这是一个演示文本。单击我 输出该方法 ... 了解更多

Backbone.js 和 Jquery 之间的区别

Ayush Gupta
更新日期:2019 年 11 月 27 日 10:00:04

206 次浏览

Backbone 是一种 MV* 框架,而 jQuery 是一种 DOM 工具包。使用 Backbone,您可以将数据表示为模型,可以创建、验证、销毁并将其保存到服务器。只要 UI 操作导致模型的属性发生更改,该模型将触发一个“更改”事件;可以将该更改通知显示模型状态的所有视图,以便它们能够做出相应的响应,使用新信息重新呈现它们自己。而 jQuery 是一个可查询 DOM、支持事件处理、延期对象和动画的可靠 API。它最适合于查询之类的任务 ... 阅读更多

带示例的 jQuery addClass()

AmitDiwan
更新于 2019 年 11 月 12 日 12:48:53

483 次查看

jQuery 中的 addClass() 方法用于向选定的元素添加一个或多个类名。示例现在让我们看一个实现 jQuery addClass() 方法的示例 −    .demo * {       display: block;       border: 3px dashed red;       padding: 3px;       margin: 25px;    }    .one {       border: 2px solid yellow;    }    $(document).ready(function(){       $("span.test").next().addClass("one");    }); 标题一这是在 div 中的示例文本。child grandchild grandchild grandchild ... 阅读更多

带示例的 jQuery finish()

AmitDiwan
更新于 2019 年 11 月 12 日 12:44:51

154 次查看

jQuery 中的 finish() 方法用于停止当前正在运行的动画。它删除所有排队的动画并完成选定元素的所有动画。语法语法如下 −$(selector).finish(queue)上面,queue 参数是要停止动画的队列的名称。示例现在让我们看一个实现 jQuery finish() 方法的示例 −    div {       background:orange;       height:200px;       width:200px;       padding: 5px;    }    $(document).ready(function(){       $("#begin").click(function(){          $("div").animate({height: 450}, 2000);       });   ... 阅读更多

带示例的 jQuery focusin()

AmitDiwan
更新于 2019 年 11 月 12 日 12:40:28

146 次查看

jQuery 中的 focusin() 方法会在元素获取焦点时发生。语法语法如下 −$(selector).focusin(function)示例现在让我们看一个实现 jQuery focusin() 方法的示例 −    .demo {       color: blue;    } $(document).ready(function(){    $("input").focusin(function(){       $("p").html("focusin 事件触发");    });    $("input").focusout(function(){       $("p").html("focusout 事件触发");    }); }); 学生详细信息 学生姓名:输出这将产生以下输出 −现在,单击内部以获取焦点 −单击外部以失去焦点 −

广告