jQuery如何使用most()方法？代码示例和解析

most()是jQuery中的内置方法, 该方法返回DOM树中所选元素的第一个祖先。此方法在搜索元素的第一个祖先时从当前元素向上遍历。文档对象模型(DOM)是万维网联盟的标准。这定义用于访问DOM树中的元素。

语法如下：

$(selector).closest(para1, para2);

参数：它接受下面指定的两个参数：

para1：这指定了在DOM树中叙述祖先搜索的元素。
para2：这是一个可选参数DOM元素, 可在其中找到匹配元素。

返回值：它返回所选元素的第一个祖先。

jQuery代码, 以显示mostest()方法的工作方式：

代码示例1：

在下面的代码中, 未传递可选参数。

<html><head><style>.main * {display: block;border: 2px solid lightgrey;color: grey;padding: 5px;margin: 15px;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script><!-- here is the script code for performing the method -->$(document).ready(function() {$("span").closest("ul").css({"color": "green","border": "2px solid green"});});</script>
</head><body class="main">This is great-great grand parent element !<div style="width:600px;">This is great grand parent element !<ul>This is the second ancestor element !<ul><!-- This element will be selected -->This is first ancestor element !<li>This is direct parent !<span>This is span the child element !</span></li></ul></ul></div>
</body></html>

输出如下：

代码示例2：

在下面的代码中, 可选参数传递给该方法。

<html><head><style>.main * {display: block;border: 2px solid lightgrey;color: grey;padding: 5px;margin: 15px;}</style><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>$(document).ready(function() {<!--Here among dom id first ancestor will select -->var item = document.getElementById("dom");$("li").closest("ul", item).css({"color": "green","border": "2px solid green"});});</script>
</head><body class="main">This is great-great-grandparent !<div style="width:500px;">div (great-grandparent)<ul id="dom">This is second ancestor !<ul id="dom">This is first ancestor !<li>This is direct parent !<span>This is span the child one !</span></li></ul></ul></div>
</body></html>

输出如下：

更多前端开发相关内容请参考：lsbin - IT开发技术：https://www.lsbin.com/

查看以下更多jQuery相关的内容：

jQuery GMaps地图插件：https://www.lsbin.com/3330.html
jQuery检查元素是否隐藏：https://www.lsbin.com/3310.html
jQuery error()方法：https://www.lsbin.com/3151.html

jQuery如何使用most()方法？代码示例和解析相关推荐

doc python 颜色_Python wordcloud.ImageColorGenerator方法代码示例
本文整理汇总了Python中wordcloud.ImageColorGenerator方法的典型用法代码示例.如果您正苦于以下问题:Python wordcloud.ImageColorGenerat ...
java kryo_Kryo框架使用方法代码示例
Kryo框架的source已移至https://github.com/EsotericSoftware/kryo ,进入此页面,然后点击右边的Download Zip按钮,就能下载到最新版本的Kryo ...
python3 console input_Python console.colorize方法代码示例
本文整理汇总了Python中pygments.console.colorize方法的典型用法代码示例.如果您正苦于以下问题:Python console.colorize方法的具体用法?Python ...
python dateformatter_Python dates.DateFormatter方法代码示例
本文整理汇总了Python中matplotlib.dates.DateFormatter方法的典型用法代码示例.如果您正苦于以下问题:Python dates.DateFormatter方法的具体用法 ...
python中的scaler_Python preprocessing.MaxAbsScaler方法代码示例
本文整理汇总了Python中sklearn.preprocessing.MaxAbsScaler方法的典型用法代码示例.如果您正苦于以下问题:Python preprocessing.MaxAbsSc ...
python paperclip_Python pyplot.sca方法代码示例
本文整理汇总了Python中matplotlib.pyplot.sca方法的典型用法代码示例.如果您正苦于以下问题:Python pyplot.sca方法的具体用法?Python pyplot.sca ...
python fonttool_Python wx.Font方法代码示例
本文整理汇总了Python中wx.Font方法的典型用法代码示例.如果您正苦于以下问题:Python wx.Font方法的具体用法?Python wx.Font怎么用?Python wx.Font使用 ...
Java IOUtils.copy方法代码示例(亲测)
本文整理汇总了Java中org.apache.commons.io.IOUtils.copy方法的典型用法代码示例.如果您正苦于以下问题:Java IOUtils.copy方法的具体用法?Java I ...
python res_Python models.resnet152方法代码示例
本文整理汇总了Python中torchvision.models.resnet152方法的典型用法代码示例.如果您正苦于以下问题:Python models.resnet152方法的具体用法?Pyth ...
python asyncio future_Python asyncio.isfuture方法代码示例
本文整理汇总了Python中asyncio.isfuture方法的典型用法代码示例.如果您正苦于以下问题:Python asyncio.isfuture方法的具体用法?Python asyncio.i ...

jQuery如何使用most()方法？代码示例和解析

jQuery如何使用most()方法？代码示例和解析相关推荐

最新文章

热门文章