1、jquery监听radion被选中的事件:
页面: <td class="infradio" width="230"><input type="radio" name="infprice" checked="checked" value="134,34,23"/></td><br>js: $(".adtradio :radio").change(function(){
console.log($("input[name='adtprice']:checked").val() );--获取到被选中的radio的值
});
2、jquery each事件跳出循环的方式为return false,采用break会报错。
3、拿到当天的日期
// 得到前N天或后N天的日期 function showdate(n) { var d = new Date(); var uom = new Date(d- 0 + n * 86400000); uom = uom.getFullYear() + "-" + (uom.getMonth() + 1) + "-" + uom.getDate(); return uom; }
4、
function selectInsurance(obj){ var va =$(obj).find("option:selected").val(); $.each($("#passengerDiv > .passBox"), function(n, value){ $(value).find("#insuranceCodeselect").val(va); }); }
5、
jQuery获取Select选择的Text和Value: 选择一项试试看 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery设置Select选择的Text和Value:$('input[name="test"]:checked').val();//获取 checkbox 值
语法解释:
- $("#select_id ").get(0).selectedIndex=1; //设置 Select 索引值为 1 的项选中
- $("#select_id ").val(4); //设置 Select 的 Value 值为 4 的项选中
- $("#select_id option[text='jQuery']").attr("selected", true); //设置 Select 的 Text 值为 jQuery 的项选中
jQuery 添加/删除 Select 的 Option 项:点击一次,Select 将追加一个 Option
点击将在 Select 第一个位置插入一个 Option
点击将删除 Select 中索引值最大 Option(最后一个)
语法解释:
- $("#select_id").append("<option value='Value'>Text</option>"); //为 Select 追加一个 Option(下拉项)
- $("#select_id").prepend("<option value='0'>请选择</option>"); //为 Select 插入一个 Option(第一个位置)
- $("#select_id option:last").remove(); //删除 Select 中索引值最大 Option(最后一个)
- $("#select_id option[index='0']").remove(); //删除 Select 中索引值为 0 的 Option(第一个)
- $("#select_id option[value='3']").remove(); //删除 Select 中 Value='3'的 Option
- $("#select_id option[text='4']").remove(); //删除 Select 中 Text='4'的 Option
6、
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于 jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和 children()的区别就在于,包括空白文本,也会被作为一个
jQuery 对象返回,children()则只会返回节点
jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll(),返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll(),返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点,不分前后
jQuery.find(expr),跟 jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的 jQuery 对象集合中筛选出一部分,而 jQuery.find()<br> //jQuery 解决
var a1 = $("#dom").children();//全部子节点;
var b2 = $("#dom").parent();//父节点;
var c3 = $("#dom").next();//下一个兄弟节点
var d4 = $("#dom").prev();//上一个兄弟节点
var e5 = $("#dom").children(":first");//第一个子节点
var f6 = $("#dom").children(":last");//最后一个子节点
<br>
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于