<!--
jQuery实质就是对JS的封装,封装目的是为了更方便的使用JS
JS的代码写在哪儿,jq代码就可以写在哪,但是使用之前必须导入jQuery
-->
<!-- 1.导入jQuery -->
<!-- 导入本地的jquery -->
<!-- <script type='text/javascript' src = 'js/jquery.min.js'></ script> -->
<!-- 导入CDN服务器上的远程的jQuery -->
<!-- <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> -->
<!-- 导入jquery后,就可以在后面使用jquery语法 -->
<!-- $ -> 代表jquery对象
1. onload() - JS的 和ready - jquery的
onload - 网页加载完成对应的事件(包括标签加载完成和网络请求完成)
window.onload = ()=>{
}
2. ready网页中标签加载完成后会自动调用对应的函数
$(document.ready(function(){alert(123)})) -->
<!--2. 节点操作-->
<!--1)获取节点-->
<!--语法:$(‘选择器’)-->
<!--选择器 - 这儿的选择器和CSS的选择器一模一样-->
<!--返回的是jquery的节点对象-->
<!--$('#p1')-->
<!--$('.p2')-->
<!--$('p')-->
<!--$('div p')-->
<!--选择器1 + 选择器2 - 选中紧跟着选择器1的选择器起2对应的标签,返回的是选择器2-->
<!--选择器1~* 和选择器1后面同级的所有标签-->
<!--选择器1~a 和选择器1后面同级的所有a标签-->
<!--选择器1 选择器2 :first 选中所有选择器1中第一个选择器2标签-->
<!--选择器1:last 最后一个选择器1标签-->
<!--2)创建节点-->
<!--$('html标签语法')-->
<!--3)添加节点-->
<!--$('node').append(node) -在node的最后面添加-->
<!--$('node').preappend(node) -在node的最前面添加-->
<!--$('node').before(node) -在node的同级前面添加-->
<!--$('node').after(node) -在no的同级后面添加-->
<!--4)删除节点-->
<!--$('node').remove() 删除指定标签-->
<!--$('node').empty() - 清除标签中的所有子标签-->
<!--3. 属性操作-->
<!--1. 获取属性-->
<!--标签.attr(属性名) - 这儿的属性名不包括innerHTML,innerText, value-->
<!--修改,增加普通属性-->
<!--标签.attr(属性名,值)-->
<!--标签.html(标签内容属性) 修改 标签.html('<p></p>')-->
<!--标签.temt() 获取文本内容 修改 标签.text('')-->
<!--4. class-->
<!-- 标签.addclass(类名) - 添加class值-->
<!--标签.removeclass(类名) - 移除样式-->
<!--5. 事件绑定-->
<!--标签.on(事件名,函数) - 和Js中的addEventListener一样-->
02.13 jquery 基础
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 前言 认真研读了极客时间的微服务文章(https://time.geekbang.org/special/micr...
- 1. 启动与关闭MySQL 1.1 单实例MySQL启动与关闭 正确启动单实例MySQL数据库 这条命令是把数据库...