程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> jquery基礎,jquery基礎教程

jquery基礎,jquery基礎教程

編輯:關於.NET

jquery基礎,jquery基礎教程


 

一、基本選擇器:


       ID選擇器:$("#id名稱")
       例如:$("#div1").css("width","100px");
       CLASS選擇器:$(".id名稱")
       並列$("#id名稱,#id名稱")
       後代$("#id名稱 名稱")
二.過濾選擇器

       第一個:$(".id名稱:first")
       最後一個:$(".id名稱:last")
       任意一個:$(".id名稱").eq(索引號)或者是$(".id名稱:eq(索引號)")
       大於:$(".id名稱:gt(索引號)")
       小於:$(".id名稱:lt(索引號)")
       不等於:$(".id名稱:not(索引號)")
       奇數:$(".id名稱:odd")
三。內容過濾


       偶數:$(".id名稱:even")
      屬性名:$(".id名稱[屬性名]")
      屬性名的操作:$(".id名稱[屬性名]").css("width","100px");
      內容過濾:$(".id名稱:contains('字符串')")
       子元素:$(".id名稱:has('子元素'))


事件:

       常規事件:把on去掉
       復合事件:

hover:     :hover(function(){},function(){});

 

                 :toggle(function(){},function(){},function(){},function(){}......);

 

 冒泡事件:

五個div依次嵌套

效果:

事件:點擊彈出id名稱

這樣就會點擊最小的div,會依次彈出所有的div 的id名稱

解決方法:return   false

DOM操作:

操作屬性、方法、樣式

屬性

 

 

 

第一個:點擊按鈕,txt1隱藏;第二個:點擊按鈕,查詢txt1的背景色,更改按鈕2 的背景色

 操作表單元素:

 

取值:  var d=$("選擇器").val()       賦值:   $("選擇器").val("值")

 非表單元素:

取值:   $("選擇器").html("內容"),$("選擇器").text("內容")

 賦值: var s=$("選擇器").html("內容"), var s =$("選擇器").text()

 

 操作相關元素

一、查找

 父級:

父級的父級就再加一個parent()

 選中某個父級:.parents("#id")

 子級:children()

兄弟/平級:

 

 哥:   prev()

           prevall(選擇器)

 弟:    next()   下一個

         nextall(選擇器)

 

 二、操作

新建:$("HTML字符串")

 添加:  appen(jquery對象)   內部添加

            after(,....)      下部平級添加

          before("......")       上部平級添加

 移除:

    empty()  清空內部全部元素

    remove()    移除元素

 

 

 注意:如果js不是寫在最後,開頭需要加上    $(document).ready(function(){在這裡面寫});

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved