jQuery
Posted yisennnn
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery相关的知识，希望对你有一定的参考价值。
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的主要内容，如果未能解决你的问题，请参考以下文章
markdown 在WordPress中使用jQuery代码片段