jQuery與JS的區別,以及jQuery的基礎語法
*在使用jQuery時,要在頁面最上端加上
<script src="../jquery-1.11.2.min.js"></script>
看一下js與jQuery的區別:
JS是這樣使用的:
<script type="text/javascript"> 根據ID取元素,取到的是具體的元素 var a = document.getElementById("p1"); 根據CLASS取 var a = document.getElementsByClassName("aa"); 根據標籤名取 var a = document.getElementsByTagName("div"); 根據name取 var a = document.getElementsByName("cc"); alert(a); 操作元素 操作內容 非表單元素 a.innerText = "hello"; a.innerHTML = "<span style='color:red'>world</span>"; 表單元素 a.value = "hello"; 操作屬性 a.setAttribute("bs","1"); a.getAttribute("bs"); a.removeAttribute("bs"); 操作樣式 a.style.color = red; //只能獲取內聯屬性 三個DIV隱藏 var a = document.getElementsByClassName("aa"); for(var i=0;i<a.length;i++) { a[i].style.display = "none"; } <script>
這是jQuery的使用方法():
<script type="text/javascript"> 根據ID找元素,取到的是JQUERY物件 var b = $("#a1"); 根據CLASS取 var b = $(".aa"); 根據標籤名取 var b = $("div"); 根據屬性篩選 var b = $("[name=aa]"); 操作元素 操作內容 非表單元素 b.text(); b.html(); 賦值:<div id="a1">11</div> var b = $("#a1"); b.text("aaa") //b.html("aaa")
取值:var b = $("#a1"); alert(b.text()); //alert(b.html());
表單元素
b.val();
賦值:
var b = $("#a1"); b.val("aaa") 取值:
var b = $("#a1"); b.val();
操作屬性 b.attr("bs","1"); b.attr("bs"); b.removeAttr("bs"); 操作樣式 alert(b.css("color")); b.css("font-size","50px"); //可以獲取、設定任意樣式 alert(b[0]); 取jquery物件用eq()取元素本身用[] 隱藏三個元素 $(".aa").css("display","none"); </script>
jQuery事件:掛事件、移除事件
<style type="text/css"> #a1{color:red} .aa{ width:100px; height:100px; background-color:#39F} </style>
<div id="a1" style="width:100px; height:200px;">11</div> <div class="aa" bs="1">aaaa</div> <div class="aa" bs="2">bbbbb</div> <div class="aa" bs="3">ccccc</div>
<input type="text" id="p1" /> <input type="button" id="b1" value="掛事件" /> <input type="button" id="b2" value="移除事件" />
Jquery【加】事件
頁面載入完成
$(document).ready(function(e) {
給a1加點選
$("#a1").click(function(){
alert('aa');
})
給class為aa的所有元素加事件
$(".aa").click(function(){
alert($(this).attr("bs"));
$(".aa").css("background-color","#39F");
$(this).css("background-color","red");
})
第二種方式【掛】事件
$("#b1").click(function(){
$("#a1").bind("click",function(){
alert("我是掛上的事件");
});
})
$("#b2").click(function(){
$("#a1").unbind("click");
})
});
相關推薦
jQuery與JS的區別,以及jQuery的基礎語法
*在使用jQuery時,要在頁面最上端加上<script src="../jquery-1.11.2.min.js"></script>看一下js與jQuery的區別:JS是這樣使用的:<script type="text/javascript"
jquery與js區別
() 很多 get attr box jquery對象 juqery 的區別 ttr js與jquery的區別 js裏面找元素是通過dom操作,jquery是通過$ DOM:土鱉jQuery:土豪1. DOM-->jQuery(土鱉變土豪)拿錢砸:$Var txtNa
字串處理中sizeof與strlen區別,以及末尾的\0
char *ch = "wonima aisaoziaaa"; int n = sizeof(ch); // 指標長度,對於64平臺來說,值為8 int nn = sizeof(*ch); // 一個字元的長度,值為1 int nnn = strlen(ch); //
GBDT與xgb區別,以及梯度下降法和牛頓法的數學推導
2019年01月05日 15:48:32 IT界的小小小學生 閱讀數:31 標籤: xgb gbdt 梯度下降法 牛頓法 xgboost原理 更多 個人分類: data mining 深度學習
DOM對象和js對象以及jQuery對象的區別
推薦 tar style tex 瀏覽器 數據類型 對象之間的關系 arr target DOM對象和js對象以及jQuery對象的區別 一、DOM對象 文檔對象模型簡稱DOM,是W3C組織推薦的處理可擴展置標語言的標準編程接口。 DOM實際上是以面向對象方式描述
JavaScript js文件載入事件,以及jquery載入事件
<script> //js文件載入完成的事件 /* * 會被後面的window.onload覆蓋,該處不會在頁面上彈出 111 */ window.onload = function(){ alert("window.on
form表單提交與input的關係,以及jquery呼叫按鈕的問題
工作中遇到這樣的問題,在一個form表單中,有一個input輸入框+一個a標籤作為提交按鈕,jquery檢測a標籤的點選事件 大概就是這樣 <form> <input type='text'> <a> <span>提交<
Zepto和Jquery的區別,以及在做移動端開發時,我們為什麼選擇使用zepto
【今晚實在不想寫別的,所以決定把近兩天的收穫整理整理,那我們就簡單的來談談Zepto.js和Jquery的區別,以及在做移動端開發時,我們為什麼選擇使用zepto.js】 一、先來看看我們熟悉的jQuery的定義: jQuery它是一個JavaScript函式庫,執行快
jQuery和js區別
.class 文件 after toggle ready jquery 復選框 tno 可用 1、加載DOM區別 JavaScript: window.onload function first(){ alert(‘first‘); } function s
word-wrap與word-break的區別,以及無效情況
OS 自動 class word-wrap 就是 con 整體 tro ace 兩種方法的區別說明: 1,word-break:break-all 例如div寬400px,它的內容就會到400px自動換行,如果該行末端有個英文單詞很長(congratulation等),它會
python的基礎2和3的區別,以及for和while的循環
python基礎;2和3的區別 ;字符編碼;if;whil;for循環 ; 第三方庫 字典 1、python2\python3的區別:python2\python3的區別:一、代碼重復,python2代碼重復功能復用,夾雜其他語言的部分,不規範python3進行整合,簡潔優美編譯型:一次性
關於jquery與js
class cti ner rip fas AD text 對象 scrip **********jquery 是一個javascript庫,極大簡化了javascript編程********** javascript
jQuery與js
1.js獲取DOM物件 var btn = document.getElementById("btnShowDiv"); var divs = document.getElementsByTagName("div"); DOM物件的方法和屬性 domObject.innerHTML
JS檔案的**.js和**.min.js的區別,以及js函式執行的順序
①**.js和**.min.js的區別 引用 Q: .js和.min.js檔案分別是什麼? A: .js是JavaScript 原始碼檔案, .min.js是壓縮版的js檔案。 Q:為什麼要壓縮為.min.js檔案? 減小體積 .min.js檔案經過壓縮,相對編譯前的js檔案體積較小
【js】深拷貝和淺拷貝區別,以及實現深拷貝的方式
一、區別:簡單點來說,就是假設B複製了A,當修改A時,看B是否會發生變化,如果B也跟著變了,說明這是淺拷貝,如果B沒變,那就是深拷貝。 此篇文章中也會簡單闡述到棧堆,基本資料型別與引用資料型別,因為這些概念能更好的讓你理解深拷貝與淺拷貝。 例如: let a=[0,1,2,3,4], b=
關於js中return false、event.preventDefault()和event.stopPropagation()區別,以及阻止事件冒泡和阻止預設事件
在平時專案中,如果遇到需要阻止瀏覽器預設行為,大家經常會用return false;和event.preventDefault()來阻止,但對它倆的區別還是模糊,這裡順便帶上event.stopPropagation()一起區分下。 事件處理程式的返回值只對通過屬性註冊的處理程式才有意義,如果我
javaScript 建立物件的方式的四種模式探討,this指向問題,以及Jquery中物件的建立
在javaScript中,建立物件一共有四種方式,廢話少說:看程式碼 1 Json格式,字面量方式建立: <script> var persion ={ name:"xiaoheng",
abstract class 抽象類與interface 介面的區別,以及應用
抽象類 特點 擁有抽象方法的類必須是抽象類 抽象類可以沒有抽象方法 繼承了抽象類的子類必須實現抽象方法,如果不實現抽象方法那麼子類必須是抽象類 抽象類中可以對方法進行宣告也可以對方法進行實現 抽象方法不能宣告為static 抽象方法不能宣告為private
精密導電滑環與傳統集電環有什麼區別,以及精密導電滑環的優點?
精密導電滑環與傳統集電環有什麼區別,以及精密導電滑環的優點?什麼是精密導電滑環?精密導電滑環由彈性電刷、組合式支架和多圈體組成,外罩防塵、精密軸承、法蘭或叉盤。它的主要作用是實現兩個元件之間的相對旋轉功率、電訊號或電流傳輸之間的接觸。目前,精密導電滑環廣泛應用於要求軸向間距大、徑向尺寸小、摩擦力矩小的精密傳動
精密導電滑環與傳統集電環有什麽區別,以及精密導電滑環的優點?
區別 href 1.5 .com 導致 有限公司 閃電 故障 精度 精密導電滑環與傳統集電環有什麽區別,以及精密導電滑環的優點?什麽是精密導電滑環?精密導電滑環由彈性電刷、組合式支架和多圈體組成,外罩防塵、精密軸承、法蘭或叉盤。它的主要作用是實現兩個元件之間的相對旋轉功率、