码迷,mamicode.com
首页 > Web开发 > 详细

jQuery

时间:2020-07-13 15:34:00      阅读:72      评论:0      收藏:0      [点我收藏+]

标签: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 here</title>
<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 here</title>
</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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!