为 JQuery 找到 732 篇 文章

带示例的 jQuery hasClass()

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

180 次浏览

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

带示例的 jQuery has()

AmitDiwan
更新于 30-12-2019 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; } 学生信息这是一个演示文本。考试信息这是一个... 阅读更多

jQuery 遍历兄弟元素

AmitDiwan
更新于 30-12-2019 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
更新于 30-12-2019 07:30:10

82 次浏览

为了遍历和查找某个元素的后代元素,jQuery 有以下方法:children() 和 find()。children() 方法 jQuery 中的 childreb() 方法用于返回选定元素的直系子元素(仅一层直系子元素)。我们来看一个示例——示例 实时演示 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
更新于 30-12-2019 07:19:20

309 次浏览

jQuery 中的 mouseup() 方法用于触发 mouseup 事件。当在所选元素上释放鼠标左键时,就会发生该事件。语法语法如下所示:$(selector).mousedown(func)上面,func 是在触发 mouseup 事件时要运行的函数。示例我们现在来看一个实现 jQuery mouseup() 方法的示例—— 实时演示   $(document).ready(function(){       $("h2").mouseup(function(){          $(this).after("鼠标抬起(鼠标按钮已释放)。");       });       $("h2").mousedown(function(){          $(this).after("鼠标按下(鼠标按钮已按下)。");       });    }); ... 阅读更多

jQuery 遍历过滤

AmitDiwan
更新于 30-12-2019 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
更新于 27-11-2019 10:00:04

206 次查看

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

jQuery addClass() 附带示例

AmitDiwan
更新于 12-11-2019 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 中的演示文本。子项孙项孙项孙项 … 阅读更多

jQuery finish() 附带示例

AmitDiwan
更新于 12-11-2019 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
更新于 12-11-2019 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 事件触发");    }); }); 学生详细信息 学生姓名: 输出这将生成以下输出:现在,点击内部以获得焦点:点击外部以失去焦点:

广告