02.13 jquery 基础

<!-- 
  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一样-->
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容