Jquery选择器
2015-11-30 21:22
656 查看
*1.jquery中的方法 :
parent(选择上一级元素) parents(选择所有上级元素(前辈))
children(选择下一级元素) find(选择所有后代元素)
siblings(选择同级元素(兄弟)) prev(选择兄弟元素(前一个)) next(选择弟元素(后一个))
toggle()方法进行显示隐藏交互事件,如果显示的就进行隐藏,如果是隐藏的就显示
$(this).parents("li").children("input").attr("checked",this.checked);
注意 :http://www.jb51.net/article/29712.htm
1.closest方法从当前元素开始遍历,而parent()从父元素开始(只遍历到上一层)
1.id:唯一标示符
(id选择器:$("#id"); class选择器: $( ".className");)
元素选择器 $("div").length;
获取所有的元素 $("body").find("*").arrt("xxx","xxx");
快速选择器 $("input[name='newsletter']").attr("checked",true);
2.document.getElemetById("id"); //javascript
innertHTML innerText
var( )------>针对form元素(text password select raido checkbox textarea text( ))
2.对比
<div id="text"></div>
<imput type="text" value="ddd" id="username" />
//获取id对应的文本值 html( )
var html=document.getElementById("text").innerHTML;
var $html=$("#text").html();
//获取form表单元素中的值 val( )
var value=document.getElementById("username").value;
var $value=$("#username ").val( );
3.//知识点:[attribute!=value] 不等于某个元素的其他元素
var length = $("input[name!='cusername']").length;
$("input[name!='cusername']").each(function(){
alert($(this).val());
});
// 知识点:[attribute^=value] 以什么开头的元素
$("input[value^='K']").each(function(){
alert($(this).val());
});
//知识点:[attribute$=value] 以什么开头的元素
$("input[value$='D']").each(function(){
alert($(this).val());
});
var length = $("input[name*='cu']").length;
alert(length);
parent(选择上一级元素) parents(选择所有上级元素(前辈))
children(选择下一级元素) find(选择所有后代元素)
siblings(选择同级元素(兄弟)) prev(选择兄弟元素(前一个)) next(选择弟元素(后一个))
toggle()方法进行显示隐藏交互事件,如果显示的就进行隐藏,如果是隐藏的就显示
$(this).parents("li").children("input").attr("checked",this.checked);
注意 :http://www.jb51.net/article/29712.htm
1.closest方法从当前元素开始遍历,而parent()从父元素开始(只遍历到上一层)
1.id:唯一标示符
(id选择器:$("#id"); class选择器: $( ".className");)
元素选择器 $("div").length;
获取所有的元素 $("body").find("*").arrt("xxx","xxx");
快速选择器 $("input[name='newsletter']").attr("checked",true);
2.document.getElemetById("id"); //javascript
innertHTML innerText
var( )------>针对form元素(text password select raido checkbox textarea text( ))
2.对比
<div id="text"></div>
<imput type="text" value="ddd" id="username" />
//获取id对应的文本值 html( )
var html=document.getElementById("text").innerHTML;
var $html=$("#text").html();
//获取form表单元素中的值 val( )
var value=document.getElementById("username").value;
var $value=$("#username ").val( );
3.//知识点:[attribute!=value] 不等于某个元素的其他元素
var length = $("input[name!='cusername']").length;
$("input[name!='cusername']").each(function(){
alert($(this).val());
});
// 知识点:[attribute^=value] 以什么开头的元素
$("input[value^='K']").each(function(){
alert($(this).val());
});
//知识点:[attribute$=value] 以什么开头的元素
$("input[value$='D']").each(function(){
alert($(this).val());
});
var length = $("input[name*='cu']").length;
alert(length);
相关文章推荐
- jquery怎么在点击li标签之后添加一个在class,点击下一个li时删除上一个class?
- 【转】获取URL中的 参数
- jQuery绑定事件
- jquery一点事
- jQuery倒计时插件
- JQuery Mobile 的引用代码,以及在手机浏览器上字体太小的解决办法
- jQuery实现ajax提交form表单(可以是提交json),用springmvc接收。图文详解
- jquery checkbox 点击事件
- JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
- jquery中怎么删除<ul>中的整个<li>包括节点
- 基于Jquery实现焦点图淡出淡入效果
- jquery尺寸:宽度与高度
- 利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
- jquery给height拼接动态变量
- JavaScript/Jquery:Validform 一句话验证表单内容
- jQuery ajax - post() 方法
- 轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
- jquery小技巧
- 轻松学习jQuery插件EasyUI EasyUI创建树形菜单
- Jquery Validation实用示例及讲解