JQuery笔记4

it2022-05-20  84

6.JQuery选择器JQuery选择器用于查找满足条件的元素,比如可以用$("#控件id")来根据控件id获得控件的JQuery对象,相当于getElementByid:        $("#div1").html("<font color=red>hello</font>")

$("TagName")来获取所有指定标签名的JQuery对象,相当于getElementByTagName:         $(function(){           $("#btnClick").click(function(){             $("p").html("我们都是p");           });         });

7.JQuery选择器3多条件选择器:$("p,div,span.menuitem"),同时选择p标签、div标签和拥有menuitem样式的span标签元素(注意选择其表达式中的空格不能多不能少)8.层次选择器:(1)$("div li")获取div下的所有li元素(后代,子代......)(2)$("div > li")获得div下的直接li元素(3)$(".menuitem+div")获取样式名为menuitem之后的第一个div元素(不常用)(4)$(".menuitem~div")获取样式名为menuitem之后所有的div元素(不常用)

9.JQuery的迭代如何判断对象是否存在,JQuery选择器返回的是一个对象数组,调用text()、html()、click()之类的时候其实是对数组中每个元素迭代调用方法,因此即使通过id选择的元素不存在也不会报错,如果需要判断指定的id是否存在,应该写:

    if($("#btn1").length<=0){      alert("id为btn1的元素不存在");     }10.基本过滤选择器(1):first选取第一个元素。$("div:first")选取第一个<div>(2):last选取最后一个元素。$("div:last")选取最后一个<div>(3):not(选择器)选取不满足“选择器”条件的元素,$("input:not(.myClass)")选取样式名不是myClass的<input>(4):even、:odd,选取索引时奇数、偶数的元素:$("input:lt(1)")选取索引小于1的<input>(5)$(":header")选取所有的h1.......h6元素.(6)$("div:animated")选取正在执行动画的<div>元素。

11.过滤器属性过滤选择器:$("div[id]")选取有id属性的<div>.$("div[title=test]")选取属性为"test"的<div>.$("div[title!=test]")选取属性不为test的<div>.还可以选择开头、结束、包含等,条件可以复合表单对象选择器:$("#form1:enabled")选取id为form1的表单内所有启用的元素$("#form1:disabled")选取id为form1的表单内所有禁用的元素$("input:checked")选取所有选中的元素(Radio、CheckBox)$("select:selected")选取所有选中的选项元素(下拉列表)

 

 

 

 

 

转载于:https://www.cnblogs.com/qzc900809/archive/2013/02/20/2919110.html

相关资源:jquery笔记大全

最新回复(0)