jq和js相互转换

最新推荐文章于 2022-06-04 11:07:25 发布

陈福国

最新推荐文章于 2022-06-04 11:07:25 发布

阅读量3.2k

点赞数 3

本文链接：https://blog.csdn.net/qq_45112637/article/details/94127775

版权

js和jq互转：
js转jq方法：
$(js对象)；

jq转js方法：
jq对象[索引]；
或者jq对象.get(索引)；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="d1">想问沙漠借一个红线</div>
<div id="d2">缝件披风为你御寒</div>

<script type="text/javascript">
    // 1.用js获得html里面所有div对象
    var jsdiv = document.getElementsByTagName("div");
    //2 让其内容全部修改为 用丝绸去润泽你的肌肤
    for (var i=0;i<jsdiv.length;i++){
        jsdiv[i].innerHTML="用丝绸去润泽你的肌肤";
        // js转为jq进行修改
        // js转为jq语法：$(js对象)
        $(jsdiv[i]).html("我就在火炉边为你取暖");
        // 内容即修改为 我就在火炉边为你取暖
    }

    // 通过jq的方法获得div元素
    // 内容全修改为 想问姻缘借一根红线
    var jqdiv = $("div");
    jqdiv.html("想问姻缘借一根红线");

    // jq转js
    // 语法：jq对象[索引] 或者 jq对象.get[索引]
    // 全部修改为深埋生命血脉相连
    jqdiv[0].innerHTML="深埋生命血脉相连";
    jqdiv[1].innerHTML="深埋生命血脉相连";


</script>


</body>
</html>

陈福国

关注

3
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
jq和js相互转换

js和jq互转：js转jq方法：$(js对象)；jq转js方法：jq对象[索引]；或者jq对象.get(索引)；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <sc...
复制链接

扫一扫