记录我工作学习生活中的点点滴滴......

关于JQ部分简单应用说明实例
发布于 Javascript
2012-08-21 01:54:01
4291
2
删除元素:$('#id').remove();
判断某元素是滞隐藏:if(!$("#id").is(':hidden')){alert:('隐藏的');}
根据名称获取元素:$("input[name=txt]").val();//input和[name=txt]之间不能有空格
删除元素属性:$("#aid").removeAttr("href");
替换元素:$("#aid").replaceWith("2");
获取属性值:var v = $("#id").attr('value');
设置属性值:$("#id").attr('value','属性值');
为select添加项:$("#selUsername").append("ddd");
获取select的option数量:$("#selUsername option").length
清空select所有项:$("#sel_order").empty();
select设置默认选项:setTimeout(function() {$("#sel_order").val(mths_type);},1);//在ie6下需要设置在1秒后(setTimeout)执行
// id>tag 代表对象为id下的所有tag对象 
// id tag 代表对象为id下的一个tag对象
// id:tag 代表对象为id下的一个属性
获取select选中的value或text:$("#selUsername option:selected").val()或.text()
获取被选中radio的值:$("#classname:checked").val();
$(”input”) //选取所有input
$(“ul > li”) //选取ul下的所有li节点
$(li[a:contains('Register')]“) //选取内容包含Register的a
$(”input[@name=bar]“) //选取name是bar的input
$(”input[@type=radio][@checked]“) //选取type是radio的input
$(“li”).not(“ul”) //选取li下没有包含ul节点的节点
$(”span[@id]“).hide() //选取包含id属性的span
$(”[@id=span1]“) //选取id为span1的节点
$(“a”).addClass(“red”) //为所有a增加class=”red”
$(“a”).removeClass(“red”) //为所有a去掉class=”red”
$(“li”).append(“BB!”) //为li增加"BB!”
事件
//慢速隐藏对应fast
$(”span[@id]“).hide(’slow’);
//淡入淡出
$(”input”).animate({height: ‘hide’,opacity: ‘hide’}, ’slow’) 
//hover的时候调用第一个函数,over的时候调用第二个
$(”p”).hover(function(){
$(this).addClass(”hover”);
},function(){
$(this).removeClass(”hover”);
});
//第一次点击执行第一个函数,第二次点执行第二个
$(”p”).toggle(function(){
$(this).addClass(”selected”);
},function(){
$(this).removeClass(”selected”);
});


分享本文到:
除非特殊注明,本文版权归原作者所有,欢迎转载!转载请注明版权以及本文地址,谢谢。
转载保留版权:Pakey's BLog >>Javascript >>关于JQ部分简单应用说明实例
本文地址:http://www.pakey.net/blog/jquery-simple-example.html