1.js小回顧

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

1.2對“hello world”進行翻轉處理 要求變為："dlorw olleh"

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

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

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

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

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

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

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



    
    
    









    

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

1.6獲取DOM的三種方式？

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

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　　按下并釋放鍵盤上的一個鍵時觸發
onchange 　文本內容或下拉菜單中的選項發生改變
onfocus　　獲得焦點，表示文本框等獲得鼠標光標
onblur　　  失去焦點，表示文本框等失去鼠標光標
onmouseover  鼠標懸停，即鼠標停留在圖片等的上方
onmouseout    鼠標移出，即離開圖片等所在的區域
onload  　　    網頁文檔加載事件
onunload　　  關閉網頁時
onsubmit　　 表單提交事件
onreset 　　   重置表單時

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

    
    
    


p1標簽內容
p2標簽內容
    

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

1.11.如何打開一個新的網站，比如打開百度網站

方法一：
百度

方法二：


    
    
    





    

2.jquery小回顧

2.1js的入口函數和jquery入口函數的區別？

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

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

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

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

2.3jquery和js對象如何轉化？

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

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

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()--兩側封閉標簽，用于獲取標簽中的文本內容
val()，input標簽，用于獲取標簽的value屬性值

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

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



    
    
    




    
content




    

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

2.9jquery的事件有哪些？

2.10mouseout和mouseover以及mouseenter和mouseleave的區別？

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

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

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

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

3.開發響應式布局

3.1開發響應式布局

3.2