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>
    <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>

猜你喜欢

转载自blog.csdn.net/qq_45112637/article/details/94127775