zoukankan      html  css  js  c++  java
  • jQuery(一)

    1、现在的jQuery团队主要包括核心库、UI和插件等。

    jQuery凭借着简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。

    2、JavaScript 库封装了很多预定义的对象和实用函数。

    约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $。

    3、编写一个简单的jQuery.html

    <body>
      	   <input type="text" value="zhang" id="username" name="username" />
    </body>
      <script type="text/javascript">
    	//DOM方式获取id="username"的value属性值
    /* 	var username = document.getElementById("username").value;
    	alert(username); */
    //jQuery方式获取获取id="username"的value属性值 var $username = $("#username"); //document.getElementById("username") alert($username.val()); //value属性 </script>

    4、DOM对象转成jQuery对象

     <body>
      	 <input type="text" value="zhang" id="username" name="username" />
      </body>
      <script type="text/javascript">
      	//DOM
    	var username = document.getElementById("username");
    	
    
    	//利用jQuery将DOM对象进行转换:$(DOM对象)
    	var $username = $(username);
    	
    	alert($username.val());
      </script>
    

     5、jQuery对象转成DOM对象 

     <body>
      	 <input type="text" value="zhangxx" id="username" name="username" />
      </body>
    
      <script type="text/javascript">
       	//jQuery
    	var $username = $("#username");
    	
    	//转换成DOM对象
    	
    	//1 jQuery对象是一个数组对象
    	var username = $username[0];	
    	alert(username.value);
    	
    
    	//2 jQuery提供了get(index)方法
     	var username = $username.get(0);
    	alert(username.value); 
    	
      </script>
    

      

  • 相关阅读:
    运算符重载
    poj2329dfs
    poj2349最小生成树prim
    poj1258最小生成树prim
    read 一个防止找不到就写一下的输入模板
    CentOS7下安装ngnix
    CentOS7下安装mysql
    CentOS7下安装rabbitmq
    在window 2008r2开发服务器上安装MSMQ消息队列
    spark快速大数据分析学习笔记(1)
  • 原文地址:https://www.cnblogs.com/niuxiao12---/p/6891930.html
Copyright © 2011-2022 走看看