1.js小回顧

1.1聲明一個add函數(shù)，要求函數(shù)有返回值，并打印結果

1.2對“hello world”進行翻轉處理 要求變?yōu)椋?dlorw olleh"

1.3如何定義一個對象？使用字面量方式 要求：該對象有名字、年齡、愛好多個

1.4setTimeout()和setInterval()的區(qū)別？如何理解他們的作用

setTimeout是延時性操作，定義多久之后執(zhí)行
setInterval是周期性操作，定義每隔多久執(zhí)行一次

 //延時性的操作
        window.setTimeout(function () {
            console.log('定時任務！');
        },0)//這里的時間單位是毫秒

 timer=setInterval(function () {
            num++;
            if(num>5){
                clearInterval(timer);
                return;
            }
            console.log('num:'+num);
        },1000)//周期性操作，每一秒執(zhí)行相應的操作。

1.5對于標簽文本內(nèi)容值的操作使用的是哪個屬性？input輸入框呢？

js對象獲取文本內(nèi)容的屬性-innertext,innerHTML
input輸入框獲取文本內(nèi)容的屬性-value



    
    
    









    

創(chuàng)新互聯(lián)是專業(yè)的通遼網(wǎng)站建設公司，通遼接單;提供成都網(wǎng)站建設、做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行通遼網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

1.6獲取DOM的三種方式？

var getelement_by_id = document.getElementById('box_id');//1.通過id獲取單個標簽。
var getelement_by_tagname = document.getElementsByTagName('div')[0];//2.通過 標簽名 獲得 標簽數(shù)組。
var getelement_by_classname = document.getElementsByClassName('box')[0];//3.通過 類名 獲得 標簽數(shù)組。

1.7如何設置標簽屬性的值？比如類名如何設置？如何設置多個類型

jquery中標簽的屬性操作：
attr(key) 獲取屬性值
attr(key,value) 設置單個值
attr({key1:value1,key2:value2});設置多個值

js中的標簽屬性操作：
 setAttribute(key,value)
 getAttribute()
 removeAttribute(name: DOMString)

1.8列舉你知道的js事件

onclick  　　鼠標單擊
ondblclick　　鼠標雙擊
onkeyup　　按下并釋放鍵盤上的一個鍵時觸發(fā)
onchange 　文本內(nèi)容或下拉菜單中的選項發(fā)生改變
onfocus　　獲得焦點，表示文本框等獲得鼠標光標
onblur　　  失去焦點，表示文本框等失去鼠標光標
onmouseover  鼠標懸停，即鼠標停留在圖片等的上方
onmouseout    鼠標移出，即離開圖片等所在的區(qū)域
onload  　　    網(wǎng)頁文檔加載事件
onunload　　  關閉網(wǎng)頁時
onsubmit　　 表單提交事件
onreset 　　   重置表單時

1.9如何設置樣式屬性？比如設置該div的背景顏色為紅色

    
    
    


p1標簽內(nèi)容
p2標簽內(nèi)容
    

1.10使用DOM操作，創(chuàng)建一個p標簽，設置內(nèi)容為vita，將p標簽插入到div中。然后點擊某個刪除按鈕，移除當前創(chuàng)建的p標簽（練習dom的創(chuàng)建，修改內(nèi)容，追加，刪除）

1.11.如何打開一個新的網(wǎng)站，比如打開百度網(wǎng)站

方法一：
百度

方法二：


    
    
    





    

2.jquery小回顧

2.1js的入口函數(shù)和jquery入口函數(shù)的區(qū)別？

摘自
https://www.jianshu.com/p/3d0f12477a47

1 原生Js和jQuery入口函數(shù)加載模式不同:? ? 
- 原生Js會等到DOM元素加載完畢，并且圖片也加載完畢才會執(zhí)行? ? 
- jQuery會等到DOM元素加載完畢，但不會等到圖片加載完畢就會執(zhí)行。

2 編寫多個入口函數(shù)的區(qū)別:? ? 
- 原生Js如果編寫多個入口函數(shù)，后面編寫的會覆蓋前面編寫的；? ? 
- JQuery中編寫多個入口函數(shù)，后面的不會覆蓋前面的。? ? 
例子：
? ? ?  
- 原生JS的入口函數(shù)只能寫一個 寫多個就層疊覆蓋? ?  
window.onload= function () { ? ? ? ? ? 
    alert(“我是原生第一個入口函數(shù)”); 
    } ? ?  
window.onload= function () { ? ? ? ? ? 
    alert(“我是原生第二個入口函數(shù)”); 
    }? ?  
    ? 
 - jQ 的入口函數(shù) 多個不會覆蓋:? ? ? ? ?  
 $(function () { ? ? ? ? ? ? ?  
    alert(“JQ的第一個入口”);  
 });? 
 ? ? ? ? 
 $(document).ready(function () {? ? ? ? ? ? 
     // 文檔加載出來以后執(zhí)行 ? ? ? ? ? ? ?
     alert(“入口函數(shù)1”); 
 });? ?
 ? ? ? 
 $(window).ready(function () { ? ? ? ? ? ? ? 
     //文檔和圖片全部加載完 執(zhí)行 ? ? ? ? ? ?  
     alert(“window加載完”); 
     })

2.2jquery的值的操作哪個方法？

2.3jquery和js對象如何轉化？

2.4闡述一下js和jquery的關系？

js是一門語言
jQuery是一個框架，對js進行了封裝，使得操作更加簡便，代碼更加簡易。
就像Python和django，java和spring,struts的區(qū)別

2.5.jquery的html屬性操作是哪個方法？你認為是js中哪個方法封裝來的？

jquery的屬性操作分為四部分
1.html-標簽屬性操作，如attr()、removeAttr()，是js中setAttribute(),getAttribute(),removeAttribute()封裝而來。
2.dom屬性操作，如prop()、removeProp()，僅用于input單選框中，獲取checked值為true或false。
3.類樣式屬性操作，如addClass()、removeClass()、toggleClass()
4.值操作，如html()、text()、val()

2.6列舉jquery的文檔操作的方法？以及他們的意思？

值操作，如html()、text()--兩側封閉標簽，用于獲取標簽中的文本內(nèi)容
val()，input標簽，用于獲取標簽的value屬性值

2.7對一個元素顯示隱藏分別使用類控制(addClass和removeClass)和文檔操作(append())來實現(xiàn),并描述一下他們的區(qū)別？

addClass和removeClass是通過控制類樣式來進行操作
append()是通過控制字標簽的追加來操作



    
    
    




    
content




    

2.8列舉jquery的篩選方法有哪些？重點

2.9jquery的事件有哪些？

2.10mouseout和mouseover以及mouseenter和mouseleave的區(qū)別？

mouseover
mouseout
這里有個重要的現(xiàn)象，從父元素出來再進入子元素，會先執(zhí)行一次mouseout，再執(zhí)行一次mouseover。

mouseenter
mouseleave
從父元素進入子元素，不會執(zhí)行mouseenter，mouseleave。
所以我們常用mouseenter，mouseleave。

2.11寫jquery的ajax的get請求方法和post請求方法？

$.ajax({
                url:'http://localhost:8800/course',
                type:'get',
                dataType:'json',//設置數(shù)據(jù)類型，以json來解析后端發(fā)過來的數(shù)據(jù)
                success:function(data){
                    console.log(data);
                    // // $('body').html(data);
                    // $('.box').text(data.name);
                },
                error:function(err){
                    console.log(err);
                }
            });

3.開發(fā)響應式布局

3.1開發(fā)響應式布局

3.2