选择元素在构造函数jQuery()(简写为$)中放入一个选择表达式,然后得到被选择的元素。选择表达式可以是CSS选择器:$(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式: $('a:first')//选择网页第一个a元素 $('tr:odd')//选择表格的奇数行 $('#myForm:input')//选取表单中的input元素 $('div:visible')//选取可见的div元素 $('div:gt(2)')//选取除前三个以外的所有div元素 $('div:animated')//选择当前动画的div元素改变结果集的范围 $('div').has('p');//选择包含p元素的div元素 $('div').not('.myClass');//选择class不等于myClass的div元素 $('div').filter('.myClass');//选择class等于myClass的div元素 $('div').first();//选择第一个div元素 $('div').eq(5);//从结果集中选择第6个div元素开始,移动到附近的相关元素,jQuery也提供了在DOM树上移动的方法: $('div').next('p');//选择div元素后面的第一个p元素 $('div').parent();//选择div元素的父元素 $('div').closest('form');//选择离div元素最近的表单父元素 $('div').children();//选择div的所有子元素 $('div').siblings();//选择div的兄弟元素获取元素。使用attr()方法修改元素的属性。attr()方法设置或返回被选元素的属性值。根据方法的参数,它的工作方式不同。语法为:$(selector).attr(attribute,value)获取节点属性名的值,相当于getAttribute(key)方法$(this).attr(key);设置节点属性的值,相当于setAttribute(key,value)方法$(this).attr(key,value);获取节点属性的值vardiywidgetid=$('#w_1').attr('diywidgetid');获取一个元素节点的值,相当于$(this).attr("value");$(this).val();设置一个元素节点的值,相当于$(this).attr("value",value);$(这个)。值(值);链式操作选中网页元素后,可以对其进行一系列的操作,所有的操作可以连在一起写成链的形式 $('div')//找到div元素 .find('h3')//选择h3元素 .eq(2)//选择第三个h3元素 .html('Hello');//改变它的内容Hello的原理是jQuery操作的每一步都返回一个jQuery对象,所以不同的操作可以连接在一起。.end()方法,让结果集可以倒退一步: $('div') .find('h3') .eq(2) .html('Hello') .end()//回到选择所有h3元素的步骤 .eq(0)//选择第一个h3元素 .html('World');//添加它更改World的内容创建一个元素并将新元素传递给jQuery的构造函数 $('
Hello
'); $('