原创 on註冊事件及事件解綁

一、on註冊事件 ## css部分 <div class="box"> <div class="item">1111</div> <div class="item">2222</div>

原创 each方法和多庫共存

一、each方法 語法:$(selector).each(function (index, element) { }) index當前元素在所有匹配元素中的索引號 element表示當前元素 $.each(data,callbac

原创 jq的部分方法

一、取網頁可視區域的方法 1.獲取可視區寬度 $(window).width(); 2.獲取可視區高度 $(window).height(); innerWidth() = padding + width; outerWidth(

原创 jq的ajax()方法

通過加ajax()加載一段文本 ## jq部分 var box = document.querySelector(".box"); $.ajax({ url:"https://api.apiopen.

原创 js時鐘功能的實現

var div = document.createElement("div"); function timeHandler(){ var date = new Date(); // console.log(date

原创 js電影院選座功能的實現

## 樣式 <style> .item{ width: 500px; display: flex; justify-content: s

原创 關於h5中的命名規則(駝峯命名法)

1.所有的變量名要有意義 看到名字就知道變量所存儲的數據 2.(1)大駝峯:Person Animal Student Worker UniversityTeacher 每個單詞的首字母需要大寫 所寫的單詞都是類名 (2)小駝峯:n

原创 js和jQuery對象的相互轉換

<div id="div"></div> <button id="btn">Button</button> jQuery對象: var jq = $(“#btn”); var js = jq[0]; js = jq.get(0);

原创 jQuery解決多庫的衝突問題

方法1: var $j = jQuery.noConflict(); j既可以當做j 既可以當做j既可以當做 方法2: 直接使用jQuery() 方法3: !function($){ ();//函數內部可以自由使用(); //函數

原创 如何爲所匹配的元素設置一個計算的屬性值

<body> <img/> <img/> <img/> <img/> </body> <script src="../js/jquery-3.1.1.min.js"></script> <script> $("img").

原创 js與jQuery的區別

js與jQuery的區別 1.執行的時機不同 js的是等全部的DOM加載完畢,並且完全顯示後執行 jQuery是等DOM加載完畢之後即可執行(執行的時機會提前) 2.js的文檔就緒函數不能重複定義 jQuery的可以重複定義 3.js

原创 jQueru中addClass和removeClass的使用

<body> <img src = "" alt = ""/> <img src = "" alt = ""/> <img src = "" alt = ""/> <img src = "" alt = ""/> </body

原创 js中三種點擊事件的觸發

<body> <button onclick="s1()">Button</button> <button id="btn2">Button2</button> <button id="btn3">Button