Python Day15 jQuery
生活随笔
收集整理的這篇文章主要介紹了
Python Day15 jQuery
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一 jQuery是什么
［1］ ? jQuery由美國人John Resig創建，至今已吸引了來自世界各地的眾多 javascript高手加入其team。
［2］ ? jQuery是繼prototype之后又一個優秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!
［3］ ?它是輕量級的js庫(壓縮后只有21k) ，這是其它的js庫所不及的，它兼容CSS3，還兼容各種瀏覽器
［4］ ?jQuery是一個快速的，簡潔的javaScript庫，使用戶能更方便地處理HTMLdocuments、events、實現動畫效果，并且方便地為網站提供AJAX交互。
［5］ ?jQuery還有一個比較大的優勢是，它的文檔說明很全，而且各種應用也說得很詳細，同時還有許多成熟的插件可供選擇。
二 什么是jQuery對象
jQuery?對象就是通過jQuery包裝DOM對象后產生的對象。j
Query?對象是?jQuery?獨有的.?如果一個對象是?jQuery?對象,?那么它就可以使用?jQuery?里的方法: $(“#test”).html();
$("#test").html() 意思是指：獲取ID為test的元素內的html代碼。其中html()是jQuery里的方法 這段代碼等同于用DOM實現代碼： document.getElementById(" test ").innerHTML; 雖然jQuery對象是包裝DOM對象后產生的，但是jQuery無法使用DOM對象的任何方法，同理DOM對象也不能使用jQuery里的方法.亂使用會報錯約定：如果獲取的是 jQuery 對象, 那么要在變量前面加上$. var $variable = jQuery 對象 var variable = DOM 對象$variable[0]：jquery對象轉為dom對象 $("#msg").html(); $("#msg")[0].innerHTML三 尋找元素
3.1 選擇器
基本選擇器 $("*") $("#id") $(".class") $("element") $(".class,p,div")層級選擇器 $(".outer div") $(".outer>div") $(".outer+div") $(".outer~div") 基本篩選器 $("li:first") $("li:eq(2)") $("li:even") $("li:gt(1)") 屬性選擇器 $('[id="div1"]') $('["alex="sb"][id]') 表單選擇器 $("[type='text']")----->$(":text") 注意只適用于input標簽 : $("input:checked")3.2?表單屬性選擇器
:enabled:disabled:checked:selected <body><form><input type="checkbox" value="123" checked><input type="checkbox" value="456" checked><select><option value="1">Flowers</option><option value="2" selected="selected">Gardens</option><option value="3" selected="selected">Trees</option><option value="3" selected="selected">Trees</option></select> </form><script src="jquery.min.js"></script> <script>// console.log($("input:checked").length); // 2// console.log($("option:selected").length); // 只能默認選中一個,所以只能lenth:1$("input:checked").each(function(){console.log($(this).val())})</script></body>3.3?篩選器
過濾篩選器
?
?
轉載于:https://www.cnblogs.com/hanjialong/p/7300799.html
總結
以上是生活随笔為你收集整理的Python Day15 jQuery的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript-作用域-预解析
- 下一篇： python第八题 查找敏感单词