jquery基础_.NET_编程开发_程序员俱乐部

一、基本选择器：

       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操作：

操作属性、方法、样式

属性

 操作表单元素：

取值：  var d=$("选择器").val()       赋值：   $("选择器").val("值")

 非表单元素：

取值：   $("选择器").html("内容"),$("选择器").text("内容")

 赋值： var s=$("选择器").html("内容"), var s =$("选择器").text()

 注意：如果js不是写在最后，开头需要加上    $(document).ready(function(){在这里面写});