<?
php defaultValue
指定当前默认值时如:this.defaultValue不能写成$(this).defaultValue();
jquery中focus()方法相当于js中的onfocus()方法:作用是处理获得焦点时的事件
jquery中的blue()方法相当于js中的onblue()方法,作用是处理失去焦点时的事件
defaultValue是
<textarea><text><password><reset>中的value 值
defaultValue:默认值是规定于HTML 中"value" 属性的值,是全部的
remove() 删除元素
removeAttr()删除属性
removeClass删除class类
(浏览器)默认操作:如:点击<a>标签会跳入指定的网页,点击<input>的提交,会提交数据;
阻止(浏览器)默认操作,就是使其不能按正常浏览器执行动作
jquery和js中定义变量:
var $variable = jquery对象
var variable = DOM对象
一、jquery选择器分为基本选择器,层次选择器,过滤选择器和表单选择器.
1、基本选择器:是jquery是最常用的选择器,也是最简单的选择器, 它通过元素id\class和标签名来查dom元素
$("p") 所有<p>元素
$("input") 所有input元素
$(".intro")  所有class=“intro” 的元素
$("p.intro") 所有class="intro" 的<p>元素
$("#intro") id="intro" 的第一个元素
2、层次选择器:如果想通过dom元素间的层次关系来获取特定元素,例如:后代元素,子元素,相邻元素和兄弟元素等,那么就用层次选择器
$("tr > td") tr下的所有td节点(是子元素,相当于父子关系,但不是tr下的所有td,因为td下可能还包含table,在table下还可能会有tr,td等)
$("tr td")  tr下的所有td节点
二个特殊的层次选择器:
$('.one+div').css("background","#abc");//改变class为one 的下一个div元素背景
$(".one+div");等价于$(".one").next("div");
$('#two~div').css("background","#abc")//改变id为two元素后面的所有div兄弟元素的背景
$("#prev~div");等价于$("#prev").nextAll("div");
3、过滤选择器:主要是通过特定的过滤规则来筛选出所需的dom元素,过滤规则与css中的伪类选择
器语法相同,即选择器都是以一个冒号(:)开头.
的过滤规则,过滤选择器可以分为基本过滤,内容过滤,可见性过滤,属性过滤,子元素过滤和表单对象属性过滤选择器
jquery在线库a、基本过滤:对css的标签如div id等进行限制
:first
:last
:not(:class)
:even 偶数下标从0开始计算
:odd 如:$("tbody>tr:odd").addClass("ou"); //此时括号内的class不带句点
:eq ()
:gt () input:gt(1)选择索引值大于1的input元素
:lt ()
:header
:animated
$("ul li:first") 选取<ul> 的第一个<li> 元素
$("ul li:last") 选取<ul> 的最后一个<li> 元素
:header 选取所有的标题元素如:$(":header")表示选择网页中所有的<h1>,<h2>...
:animated选择当前正在执行动画的元素如:
$("div:animated")选择正在执行动画的div元素
$('ul li:gt(5):not(:last)')表示:
选取ul元素下的li元素的索引值大于5的集合元素后,去掉集合元素中的最后一个。
索引值从0开始
b、内容过滤:内容过滤选择器的过滤规则主要体现在它所包含的子元素或文本内容上
:
contains() 对文本
->$('div:contains(di)').css("background","red");改变含有文本'di'的div元素的背景
:empty 对class或文本->$('div:empty')不包含子元素(文本元素),也就是空的div,无内容
<div
class="none">style的display为"none"的div</div>
:has() 对class
:parent 对class或文本
如:$(".SubCategoryBox ul>li").filter(":contains('松下'),:contains('三星')").addClass('promoted');
c、可见性过滤:
:hidden $(":hidden")所有的不可见元
素;$("input:hidden")选取input下面的不可见元素
:
visible $("input:visible") 选取input下面的可见元素
d、属性过滤选择器:通过元素的属性来获取相应的元素(查)
[attribute] $("div[id]")选取拥有属性id的元素
[attribute=value] $("div[title=test]")选取属性title为''test''的<div>元素
[attribute^=value] $("div[title^=test]") 选取属性title 以'test'开始的div元素
有id或是大的标签如div去获取元素位置时,div或id要写在属性条件的前边如:$("div[title^=test]")
如果只在元素的属性中进行获取元素的位置时,如:$("[value=check2]:checkbox").attr("checked",true);判断条件写在元素属性的前边
[attribute$=value] $("div[title$=test]") 选取属性title 以'test'结尾的div元素
[selector1][selector2][selectorN]
$("div[id][title$='test']")选取有属性id,并且属性title以'test'结尾的div元素
e、子元素过滤选择器:父元素和子元素的区别(第一个,最后一个,唯一一个和第几个(用数字表示))
:first-child :first是只返回单个元素,而:first-child将为每一个父元素匹配第一个子元素
如:$("ul li:first-child")选取每一个<ul>中的第一个<li>元素
:last-child :last是只返回单个元素,面last-child将为每一个父元素匹配最后一个子元素
如:$("ul li:last-child")选取每一个<ul>中的最后一个<li>元素
:only-child $("ul li only-child")在<ul>中选取唯一一个<li>元素
:nth-child(index/even/odd/equation)选取每个父元素下的第index(下标从0开始)个子元素或者奇偶元素(index下标从1开始)
前面的:eq(index)只匹配给定的下标元素,index 下标从0算起;
而:nth-child(index)将为每一个父元素匹配子元素,并且index下标从1开始计算
如:nth-child(even)选取每个父元素下的索引值是偶数的元素
:nth-child(2)选取每个父元素下的索引值是2的元素
:nth-child(3n)选取每个父元素下的索引值是3的倍数的元素,n从0开始算起
:nth-child(3n+1)选取每一个父元素下的索引值是3n+1的元素,n从0算起
f、表单对象属性过滤选择器:主要是对所选择的表单元素进行过滤,如下拉框,多选框等...包含此对象属性即可使用:enabled $("#form1 :enabled")选取id为form1的内的所有可用的元素
:disabled $("#form2 :disabled")选取id为"form2"的内的所有的不可用元素
:checked $("input:checked");选取所有的被选中的<input>元素
:selected $("select :selected")选取所有被选中的选项元素
元素和属性间如有空格$("select :selected")表示select元素标签<select>开头和</select>结尾的所有为selected的属性(表示内部)
$("input:checked")无空格:表示标签为input自身的checked属性(表示自身)
注:上面的四种enabled,disabled,checked和selected都是=号右边的值
$("#form1 input:enabled").val("设置后的值!");
$("input:checked").length;
$("select :selected").text();获取下拉框选中的内容.

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。