jQuery简介+引入

最新推荐文章于 2024-04-23 11:12:03 发布

qq_42369174

最新推荐文章于 2024-04-23 11:12:03 发布

阅读量606

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_42369174/article/details/80671594

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

什么是jQuery?

是一个js代码的框架，可以让程序员写的更少但做的更多，此框架本身就是使用js写的

jQuery优势

简化js代码，可以像css一样获取元素，可以直接修改页面样式（css），解决兼容性问题

jQuery的引入

因为jQuery就是js代码，所以引入方式和普通js文件一样

$符是jQuery的简写 $("#div")=jQuery("#div")

js的对象只能调用js自己的函数，如果js对象需要调用jQuery里面的函数需要把js对象转成

jQuery对象。

把js对象转成 jQuery对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 不能在引入js文件的标签内写js代码 -->
<script type="text/javascript"src="../js/jquery-1.4.2.min.js"</script>
<script type="text/javascript">
$(function(){	
	$("#mybtn").click(function(){
	var myinput = document.getElementById("myinp");
//把js对象转成jq对象
var $jq = $(myinput);

alert($jq.val());

 把jQuery对象转成js对象

//绑定点击事件
$("#jqtojs").click(function(){
var $jp = $("#myinp");
//把jq对象转成js对象 
//第一种
var js1 = $jp[0];
//第二种
var js2 = $jp.get(0);
alert(js1.value+"="+js2.value

});</script></head><body><input type="text" id="myinp"><input type="button" id="mybtn" value="按钮"><input type="button" id="jqtojs" value="jq转js按钮"></body></html>

qq_42369174

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery简介+引入

什么是jQuery?是一个js代码的框架，可以让程序员写的更少但做的更多，此框架本身就是使用js写的jQuery优势简化js代码，可以像css一样获取元素，可以直接修改页面样式（css），解决兼容性问题jQuery的引入因为jQuery就是js代码，所以引入方式和普通js文件一样$符是jQuery的简写 $("#div")=jQuery("#div")js的对象只能调用js自己的函数，如果js对...
复制链接

扫一扫