jQuery

2021-01-21 12:14

阅读:765

标签:ack   insert   query   min   user   element   不能   输出   ISE   

js类库:

  对常用的方法和对象进行封装,方便我们使用。

jQuery和html的整合:

  jquery是单独的js文件

    通过script标签的src属性导入即可

  获取一个jquery对象

    $("选择器")   或者    jQuery("选择器")

html>
head>
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
title>Insert title heretitle>
script src="../js/jquery-1.11.0.min.js">
script>
head>
body>
    input type="text" id="username" value="yisen"/>
body>
script>
        //1.通过原生js
        alert(document.getElementById("username").value);//输出value
        //2.通过jquery
        var $username = $("#username");//简写方式
        //var $username = jQuery("#username");
        alert($username.val());//输出value
script>
html>

  dom和jquery对象之间的转换

    dom对象 ===》jquery对象

      $(dom对象)

    jquery对象 ===》dom对象

       方式1:

        jquery对象[index]

      方式2:

        jquery对象.get(index)

html>
head>
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
title>Insert title heretitle>
head>
    script src="../js/jquery-1.11.0.min.js">script>
body>
    input type="text" id="username" value="yisen"/>
body>
script>
    //dom >>>jquery   $(dom对象)
    //1.获取dom对象
    var obj = document.getElementById("username");
    //2.转化
    var $username = $(obj);
    //dom对象与jquery对象不能混用
    alert($username.val());
    //alert($username.value);错误
    
    
    //jquery >>>dom
    //1.获取jquery对象
    var $username = $("#username");
    //2.转化
    //2.1方式1
    var obj = $username.get(0);
    //2.2方式2
    var obj1 = $username[0];
    alert("方式1:"+obj.value);
    alert("方式二:"+obj1.value);
script>
html>

 

jQuery

标签:ack   insert   query   min   user   element   不能   输出   ISE   

原文地址:https://www.cnblogs.com/yisennnn/p/13293309.html


评论


亲,登录后才可以留言!