JQuery应用实例学习 —— 16 节点包裹input框与li标签中字体加粗

最新推荐文章于 2022-11-26 16:02:20 发布

烟敛寒林o

最新推荐文章于 2022-11-26 16:02:20 发布

阅读量1.6k

点赞数

分类专栏： # ——【 JQuery】

本文链接：https://blog.youkuaiyun.com/dyw_666666/article/details/82701046

版权

——【 JQuery】专栏收录该内容

29 篇文章

订阅专栏

本文介绍了使用jQuery进行DOM操作的方法，包括如何用p标签包裹单个或所有input元素，以及如何使li标签内的文本加粗。通过具体的代码示例，展示了jQuery在网页元素操作上的灵活性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery包结点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>jQuery包结点</h1>
    <input type="button" value="用p标签包住每个input" onclick="wp()" />
    <input type="button" value="用p标签包住所有input" onclick="wpa()" />
    <input type="button" value="li中的文字加粗" onclick="cu()" />
    
    <input type="text" name="" id="" />
    <input type="text" name="" id="" />
    <input type="text" name="" id="" />
    <ul>
        <li>春</li>
        <li>夏</li>
        <li>秋</li>
        <li>冬</li>
    </ul>
</body>
<script src="jquery.js"></script>
<script>
// input竖直排列
function wp() {
    $('input:text').wrap('<p></p>');
}

// input横向排列
function wpa() {
    $('input:text').wrapAll('<p></p>');
}

// li标签中文字加粗
function cu() {
    //$('li').wrap('<b></b>');
    $('li').wrapInner('<b></b>');
}
</script>
</html>