jQuery
2021-01-21 12:14
标签:ack insert query min user element 不能 输出 ISE 对常用的方法和对象进行封装,方便我们使用。 通过script标签的src属性导入即可 $("选择器") 或者 jQuery("选择器") dom对象 ===》jquery对象 $(dom对象) jquery对象 ===》dom对象 方式1: jquery对象[index] 方式2: jquery对象.get(index) jQuery 标签:ack insert query min user element 不能 输出 ISE 原文地址:https://www.cnblogs.com/yisennnn/p/13293309.htmljs类库:
jQuery和html的整合:
jquery是单独的js文件
获取一个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对象之间的转换
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>