JQuery操作简单html组件
2017-06-15 10:56
183 查看
1、Radio 处理
2、Select 组合框
3、UL li
jquery 遍历ul下所有的li
jquery <Li>定位
jquery中删除指定ul中除第一个li外的所有li的代码
1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true) 3.设置最后一个Radio为选中值: $('input:radio:last').attr('checked', 'checked'); 或者 $('input:radio:last').attr('checked', 'true'); 4.根据索引值设置任意一个radio为选中值: $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2.... 或者 $('input:radio').slice(1,2).attr('checked', 'true'); 5.根据Value值设置Radio为选中值 $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true'); 或者 $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true'); 6.删除Value值为rd2的Radio $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove(); 7.删除第几个Radio $("input:radio").eq(索引值).remove();索引值=0,1,2.... 如删除第3个Radio:$("input:radio").eq(2).remove(); 8.遍历Radio $('input:radio').each(function(index,domEle){ //写入代码 });
2、Select 组合框
1. 获取选中项: 获取选中项的Value值: $('select#sel option:selected').val(); 或者 $('select#sel').find('option:selected').val(); 获取选中项的Text值: $('select#seloption:selected').text(); 或者 $('select#sel').find('option:selected').text(); 2. 获取当前选中项的索引值: $('select#sel').get(0).selectedIndex; 3. 获取当前option的最大索引值: $('select#sel option:last').attr("index") 4. 获取DropdownList的长度: $('select#sel')[0].options.length; 或者 $('select#sel').get(0).options.length; 5. 设置第一个option为选中值: $('select#sel option:first').attr('selected','true') 或者 $('select#sel')[0].selectedIndex = 0;
3、UL li
jquery 遍历ul下所有的li
$(function(){ $("ul").each(function(){ var y = $(this).children().last(); alert(y.text()); }); });
jquery 获取<ul> 点击的是那个<li>
<ul class="anserdh" id="topmenu"> <li ><a href="" >积分榜</a></li> <li class="qhbg"><a href="">回答榜 </a></li> <li><a href="" >提问榜</a></li> <li><a href="" >满意榜</a></li> </ul> $(function(){ $('.anserdh li a').click(function(){ $('.anserdh li').removeClass('qhbg'); $(this).parent().addClass('qhbg'); }) })
jquery <Li>定位
$("div ul").eq(-1); //定位倒数第1个元素 $("div ul").eq(-2);//定位倒数第2个元素 $('ul li:first-child').css('backgroundColor', '#000');//设置第1个ul样式
jquery中删除指定ul中除第一个li外的所有li的代码
1、用not $("ul>li").not(":eq(0)").remove(); 或 $("ul>li").not(":first").remove(); 2、用filter $("ul>li").filter(function(index){ return index!=0; }).remove(); 3、 $("ul li:gt(0)").remove();
相关文章推荐
- IHTMLDocument2接口的简单操作
- JQuery操作一个表格简单示例
- jQuery阻止冒泡和HTML默认操作
- jQuery阻止冒泡和HTML默认操作
- JQuery对基本Html控件的操作
- java开源的html操作组件
- jQuery实例6:对DOM的简单操作和对CSS的操作
- 下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现。
- jQuery阻止冒泡和HTML默认操作
- jquery HTML控件的操作
- 利用JQuery编写自定义简单的Html控件
- jquery下操作HTML控件的实现代码
- 使用jQuery操作简单的JSON数据
- jQuery阻止冒泡和HTML默认操作
- JQuery对html控件操作总结
- Jquery操作Select 简单方便 一个js插件搞定
- Jquery操作Select 简单方便 一个js插件搞定
- php html dom to jQuery object 工程用到的一个 jQuery 操作
- JQuery对基本Html控件的操作TextBox、Select、Radio、CheckBox
- w3school学习6-jQuery HTML 操作