对于jquery来说,本人用的不是很多,以前只用过attr、html、val
$(#id).attr("属性名");取得属性值 $(#id).attr("属性名","属性值");设置属性值 $(#id).html();取得html值 $(#id).html("值");设置html值 $(#id).val();取得value值 $(#id).val("值");设置value值 以及它的ajax
$.post("方法",{参数},function(data){ });
还有就是$(function(){页面载入时运行 });
至于其他的选择器没有用过,恰巧又在项目中要用到jquery,发现它还是很强大的 页面代码如下: <div id="yh" class="yh"> <span><input type="radio" name="bank" checked/><img src="/huizhi/images/bank/brand_127X40_8.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_9.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_14.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_38.gif"/></span> <br/> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_39.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_40.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_44.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_55.gif"/></span> <br/> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_56.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_57.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_58.gif"/></span> <span><input type="radio" name="bank"/><img src="/huizhi/images/bank/brand_127X40_59.gif"/></span> </div> 这里单选按钮和图片有些多,没有列完,实现让点击图片时单选选中。 var radios=$('input[type="radio"][name="bank"]'); $("#yh >img").each(function(i){ $(this).click(function(){ radios.each.(function(j){ i==j?$(this).attr('checked','true'):$(this).attr('checked','false'); }); }); }); 发现没有效果,后来发现$("#yh >img")这样子根本就没有选择img,>符号应该不能隔层使用,直接的子节点才可以。$("#yh >span")就可以. 而$("#yh img")这样的话就可以取到所有的img啦, 改过后单选总是选最后一个 应该是 i==j?$(this).attr('checked','true'):$(this).attr('checked','false');这就有问题 暂时没解决. 实在没办法,换一下代码 $("img").click(function(){ $(this).parent().find('input').attr("checked","checked"); }); 说什么缺少;个人认为应该是$("img").click这有问题 改为 $("#yh img").each(function(){ $(this).click(function(){ $(this).parent().find('input').attr("checked","checked"); }); });顺利运行, $("#yh img")这里是按id取得div,也可以按div的name取$(".yh img")。 ------------------------------
对于页面要是图片少的话,也可以<img />里加上onclick事件。
|
|