zoukankan      html  css  js  c++  java
  • jquery

    jq是js 写的插件库,就是一个js文件

    jq能实现的都可以用js实现,

    引入jq

    <script src = "https://www.bootcdn.cn/jquery/3.3.1/jquery.js"></script>  //前端的网站 https://www.bootcdn.cn 引入jq可以使用  /jquery.js 和/jquery.min.js 两个版本

    引入成功验证

    <script>

      $(function(){  //如果引入成功,函数能够执行成功    //如果前端报错  $ is not defined 那么一般都是jquery没有引入,或者引入没有生效

        alert(1);

      });

    </script>

    jquery中文网站  http://jquery.cuishifeng.cn  不过已经很久没有更新了,如果写出来的效果不太一样可以再去jq官网看一下

    http://api.jquery.com 官网

    再jq中 $就代表 jQuery

    jq里面可以传字符串,选择器。尖括号标签的形式,函数,object

    //var oBox = document.querySelector("#box");  js语法  获取值

    //oBox.innerHTML ="aaa";   js语法  修改内容

    jq语法

    var $box = $("#box");   //box是id  获取标签之间的值

    console.log($box);

    修改标签内容

    $box.html("3333");

    var $div = $("div");

    $div.html("555");    js里面必须用下标,jq不需要

    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    </ul>

    var $li = $("ul li");

    $li.html(333);  然后所有的li标签里面的值都编程333

    ###jq和js互相转换

    js转换成jq

    var oBox = document.querySelector("#box");  //这是一个js对象

    $(oBox).html("5555");  jq可以传递对象,这里js就转换成了jq

  • 相关阅读:
    2 3 5 7的倍数
    三角形面积
    数塔取数问题
    拼成最小的数
    JMeter使用总结
    jmeter+ant生成报告(ubuntu环境)
    LINUX常用命令,不定时更新
    oracle语句使用总结
    "the import org.junit can not be resolved"解决办法
    [SWPUCTF 2018]SimplePHP
  • 原文地址:https://www.cnblogs.com/wsnan/p/12875418.html
Copyright © 2011-2022 走看看