ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

周测一总结

2020-07-11 18:04:21  阅读:261  来源: 互联网

标签:总结 元素 选择器 周测 选取 节点 css 属性


1.JavaScript核心语法有哪些?(  语法约定    输入/输出    注释   控制语句   运算符号   数组  数据类型   变量)
    1>数据类型
   undefined     变量没有初始值,将被赋予值underfined
   null               表示一个空值,与underfined值相等
   number        包括整数,浮点
   boolean        true和false
   string            一组被单引号或双引号括起来的文本  
  2>typeof运算符返回值如下:
   undefined:变量被声明后,单未被赋值
   number        包括整数,浮点
   boolean        true和false
   string            用单引号或双引号来声明的字符串  
   object:javascript中的对象,数组和null
  3>数组
  创建数组  var 数组名称 = new Array(size);
 为数组元素赋值
 访问数组
 数组的属性
    .length:数组长度
    方法:
          join():使用分隔符转为字符串
          sort():数组排序
          push():向数组末尾添加元素
  4>逻辑控制语句
        if(条件){//javascript代码;}else{//javascript代码;}
        switch多分支语句
        for语句
        while循环语句
        for-in
  5>循环中断
    break:跳出本层循环
    continue:跳过本次循环,将执行下一次循环
  6>常用的输入/输出
    alter("提示信息");
    prompt("提示信息","输入框的默认信息")
    eg: prompt("请输入你喜欢的颜色","红色");
         prompt("请输入你喜欢的颜色","");
2.JavaScript内置对象有哪些?
         JavaScript内置对象:String、Array、Date对象、Math对象
      (1)Date对象的方法:
                                 getDate():返回一月中的某一天
                                 getDay():返回星期天中的某一天
                                 getHours():返回小时数
                                 getMinutes():返回分钟数
                                 getSeconds():返回秒杀
                                 getMonth():返回月份
                                 getFullYear():返回年份
                                 getTime():返回自某一 时刻
       (2)Math对象方法:
                       ceil():对数进行上舍入
                       floor():对数进行下舍入
                       round():把四舍五入为最接近的数
                       random():返回0-1之间的随机数
3.JavaScript如何操作节点属性?
    1>节点的属性
       parentNode:     返回节点的父节点
       childNodes:         返回子节点集合,childNodes[i]
       firstChild:             返回节点的第一个子节点,最常用的方法是访问该元素 的文本节点
       lastChild:             返回节点的最后一个子节点
       nextSibling:         下一个节点
       previousSibling:  上一个节点
 2>element属性
    firstElementChild:返回节点的第一个子节点
    lastElementChild:返回节点的最后一个子节点
    nextElementSibling:下一个节点
    previousElementSibling:上一个节点
   3>操作节点的属性
      (1)更改图片属性
               getAttribute("属性名")
               setAttribute("属性名","属性值")
     (2)创建和插入节点
              名称                                                     描述
         createElement(tagName)      创建一个标签名为tagName的新元素节点
         A.appendChild(B)                  把B节点追加到A节点的末尾
        insertBefore(A,B)                    把A节点插入到B节点之前
        cloneNode(deep)                    复制某个指定的节点
      (3)删除和替换节点
               removeChild(node):删除指定节点
               replaceChild(newNode,oldNode):用其他的节点替换指定的节点

4.简述对构造函数和原型对象的理解?
       构造函数:注意按照约定构造函数的首字母要大写。在这里我们创建一个新对象,然后将构造函数的作用域赋给新对象,调用构造函数中的方法。
     原型对象:当我们创建一个函数时,该函数就会具备一个prototype属性,这个属性指向通过构造函数创建的那个函数的原型对象。通俗点讲原型对象就是内存中为其他对象提供共享属性和方法的对象。
     不同点:
                和构造函数不同的是这里新对象的属性和方法是所有实例都可以共享的,原型对象中除了我们赋予的属性外,还有一些内置的属性,所有原型对象都具备一个constructor属性,这个属性是一个指向包含prototype属性函数的一个指针。
5.JavaScript中如何创建对象?
               (1)基于Object对象的方式创建对象
                     语法:  var   对象名称=new  Object();
                      eg:var person=new Object();
                              person.name="小米";
                              person.showName=function(){
                                  alert(this.name);
                             }
                          person.showName();
               (2)使用字面量赋值方式创建对象      
        eg:  var person={
                 name:"小明",
                 sex:"男",
                 age:18,
                hobby:"看书、看电影、健身、购物等",
              showName:function(){ alert(this.name);        }
            }  
         person.showName();
  
6.jQuery的语法规则是什么?
        jQuery是js的类库
    (1)工厂函数$():将DOM对象转化为jQuery对象
   (2)选择器selector:获取需要操作的DOM元素
   (3)方法action():jQuery中提供的方法,其中包括绑定事件处理的方法
  语法:$(selector).action();

7.简述jQuery中的选择器?
    jQuery选择器分类
    (1)基本选择器
            eg:$("h1").css("color", "blue");   //标签选择器
                    $(".price").css({"background":"#efefef","padding":"5px"});  //类选择器
                    $("#author").css("clor", " #083499");  //id选择器
                    $(".intro,dt,dd").css("color", " #ff0000");  //并集选择器
                    $("*").css("font-weight", "bold");  //全局选择器
    (2)层次选择器
             eg:
                   $(".textRight p").css("color","red");  //后代选择器
                   $(".textRight>p").css("color", "red");  //子选择器
                   $("h1+p").css("text-decoration", "underline");  //相邻元素选择器
                   $("h1~p").css("text-decoration", "underline");   //同辈元素选择器
    (3)属性选择器
             eg:
                     $("#news a[class]").css("background","#c9cbcb");//a标签带有class属性
                     $("#news a[class='hot']").css("background", "#c9cbcb"); // class为hot
                     $("#news a[class!='hot']").css("background", "#c9cbcb");// class不为hot
                     $("#news a[href^='www']").css("background","#c9cbcb");//以www开头
                     $("#news a[href$='html']").css("background", "#c9cbcb");//以html结尾
                     $("#news a[href*='k2']").css("background","#c9cbcb"); //包含"k2"的元素
  (4)基本过滤选择器
语法 描述 示例
            :eq(index) :选取索引等于index的元素(index从0开始) 

                    eg:$("li:eq(1)" )选取索引等于1的<li>元素
            :gt(index) :选取索引大于index的元素(index从0开始)

                   eg: $("li:gt(1)" )选取索引大于1的<li>元素(注:大于1,不包括1)
            :lt(index) 选取索引小于index的元素(index从0开始)

                   eg:$("li:lt(1) " )选取索引小于1的<li>元素(注:小于1,不包括1)
:header 选取所有标题元素,如h1~h6 $(":header" )选取网页中所有标题元素
:focus 选取当前获取焦点的元素 $(":focus" )选取当前获取焦点的元素
:animated 选择所有动画 $(":animated" )选取当前所有动画元素
eg:
// 标题元素
$(".contain :header").css({"background":"#2a65ba",…});
// 第一个、最后一个元素
$(".contain li:first").css({"font-size":"16px",…});
$(".contain li:last").css("border","none");
// 偶数、奇数元素
$(".contain li:even").css("background","#f0f0f0");
$(".contain li:odd").css("background","#cccccc");
// 小于、大于某个索引值
$(".contain li:lt(2)").css({"color":"#708b02"});
$(".contain li:gt(3)").css({"color":"#b66302"});
8.可见性过滤选择器
     通过元素显示状态来选取元素
语法                描述                                    示例
:visible         选取所有可见的元素         $(":visible")选取所有可见的元素
:hidden        选取所有隐藏的元素         $(":hidden") 选取所有隐藏的元素
   eg:
            $("p:hidden").show();
            $("p:visible").hide();

标签:总结,元素,选择器,周测,选取,节点,css,属性
来源: https://www.cnblogs.com/unique1/p/13284548.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有