jQuery基础

最新推荐文章于 2023-06-11 13:49:24 发布

梦想的梦想的ლ(′◉❥◉｀ლ)梦想

最新推荐文章于 2023-06-11 13:49:24 发布

阅读量86

点赞数

本文链接：https://blog.csdn.net/weixin_46686096/article/details/107271167

版权

jQuery简介
	jQuery的用法
		jQuery是JavaScript的程序库之一，是JavaScript对象和使用函数的封装
	jQuery的优势
		体积小、强大的选择器、出色的DOM封装、可靠的时间处理机制、代码更简单、出色的浏览器兼容、使用迭代简化编程、丰富的插件支持
	jQuery的配置环境
jQuery库文件
	开发版：jquery-1.版本号.js
	发布版：jquery-1.版本号.min.js
	jquery官网：http//jquery.com
jQuery语法
	jQuery的语法结构：
		$(selector).action();
			/*$(document).ready(function(){
alert("你好");

});

$function(){ alert("我也好"); }); jQuery方法的应用工厂函数$ （）😕/jq转换为js
/*$(".one").get(0).innerHTML=“hello”;
$("#two")[0].innerHTML=“world”;

//js转换为jq
var three=document.getElementById('three');
$(three).text("啦啦啦");

// $(t h r e e) . h t m l (" 啦啦啦 "); s e l e c t o r ：获取需要操作的 D O M 元素 a c t i o n （）： j Q u e r y 中提供的方法，其中包括绑定时间处理的方法使用 j Q u e r y 的三个步骤 1 、引入 j Q u e r y 文件 2 、入口函数 3 、功能实现 D O M 对象和 j Q u e r y 对象 D O M 对象 j Q u e r y 对象 j Q u e r y 对象与 D O M 对象的相互转换 / *$ (".one").css(“color”,“red”);
$("#two").css(“font-size”,“30px”);
$(“a”).css(“font-weight”,bold);*/

//jq转换为js
/*$(".one").get(0).innerHTML="hello";
$("#two")[0].innerHTML="world";

//js转换为jq
var three=document.getElementById('three');
$(three).text("啦啦啦");

// $(three).html(“啦啦啦”);

//给标签里面的字体加上颜色
$(".one").css("color","#0f0");
//可以给标签里面的字体多加属性、颜色、大小
$("#two").css({"color":"#f00","font-size":"30px"});
//并集关系
$(".one,#three").css("font-family","楷体");*/



//后代形式

// $("#one p").css(“color”,“red”);
//子代形式
// $("#one>p").css(“color”,“red”);
// //紧邻之后的一个
// $("#two+p").css(“color”,“red”);
// //通用之后的所有
// $("#two~p").css(“color”,“red”);