day20190911笔记

js_访问节点元素_document系列方法:

 

first_jQuery.html

 





jQuery使用






jQuery选择器使用:


 


charset="UTF-8">
jQuery选择器使用<span class="nt">
 
id="d">

课程体系有哪些?

  • Java编程
  • Html5+CSS3
  • JavaScript/jQuery
  • MySql
  • JavaWeb
  •  
    class="dd">
    class="ddd">

     


     

    jQuery选择器使用_基本选择器.html





    jQuery选择器使用




    课程体系有哪些?



    • Java编程

    • Html5+CSS3

    • JavaScript/jQuery

    • MySql

    • JavaWeb









    jQuery选择器使用_层次选择器.html













    jQuery选择器使用_属性选择器.html






    Hot
    Cold
    Evil



    ------------------ - - - - - - - - - - - - ----------------------------------

    js/dd.js

    /*加载工厂函数/加载页面* */

    $(document).ready(function(){

    /* 使用jQuery的css样式,动态添加的行内样式 */

    /* 基本选择器 _ 类选择器 */

    $(".over").css({"width":"500px","border":"1px solid gray",

    "margin":"0px auto","font-size":"12px"});

     /*基本选择器 _ 标签选择器 */

    $("ul").css("list-style","none");

     /* 层次选择器_后代选择器 */

    $(".over .product_ul").css("display","flex");

     /* 层次选择器_子选择器 */

    $(".list_aa>li").css("border","2px solid green");

    });

     


    js_访问节点元素.html





    js_访问节点元素



    • 周一

    • 周二

    • 周三








     

     js_访问节点元素_document系列方法.html





    js_访问节点元素



    • 周一

    • 周二

    • 周三








     

    敢于接受,敢于面对,拥有一颗强大的内心。接受面对解决。活在当下,做好当下。反正迟早都要接受。理解知识。多敲


    jQuery默写笔记:

    1.jQuery:是基于js封装的类库,设计思想是: 写少量的代码,实现大量的功能;

       jQuery封装了大量js的功能,使用jQuery能实现的,js一定能实现;
    2.使用jQuery的步骤
           一 、引用jQuery的开发环境
          二 、 加载网页元素
        完整语法: $(document).ready(function(){
              //js/jQuery 编码
             });
            注: $ 在此处就是 jQuery
    3.使用jQuery的选择器操作页面元素
       语法: $(选择器).事件/动作();
      基本选择器:   标签选择器


            类选择器 .class
            ID选择器 #id
            并集选择器 .class,#id
            全选选择器 *
      层次选择器:
          后代选择器 E F
          子选择器 E>F
          相邻元素选择器 E+F
          同辈元素选择器 E~F
    4.使用jQuery的基本选择器操作css样式
        语法: 操作单个css属性
        jQuery元素.css("css样式属性","css样式属性值");
        操作多个css属性
        jQuery元素.css({"css样式属性1":"css样式属性值1","css样式属性2":"css样式属性值2"});

     

    你可能感兴趣的:(day20190911笔记)