当前位置: 代码迷 >> Web前端 >> JQuery选择器,惯用函数以及jq文件
  详细解决方案

JQuery选择器,惯用函数以及jq文件

热度:84   发布时间:2012-11-06 14:07:00.0
JQuery选择器,常用函数以及jq文件
//选择器使用
var elements = $("h2 a");		//表示选择全部 h2标签下的 a标签
//标签选择器
$("ul li:has(a)").addClass("myClass");	//表示在ul标签下的li标签中拥有a标签的元素 添加myClass样式
//位置选择器
$("p:lt(2)").addClass("myClass");	//表示所有的p标记中 前2个标记 添加 样式
//class选择器
$(".zl").addClass("myClass");  		//表示标记中class="zl"的标记 添加样式
//id选择器
$("#zl").addClass("myClass");		//表示标记中id="zl"的标记 添加样式
//判断选择器
$("input[type=button]")			//表示 选择 input标记中 type=button 的标记
	
//综合选择器
$("[name=fundType]:checkbox:checked")   
//表示 name为funType的checkbox多选框并且是选中状态的(这个写法浏览器兼容性好)


<!--常用函数-->
//可以去字符串两边的空格
str= $.trim(str);	

//3个相关匹配函数---下标从0开始
eq(i)匹配   $("p:eq(2)") //表示p标签中的第3个
gt(i)大于   $("p:gt(2)") //表示p标签中在第3个之后的
lt(i)小于   $("p:lt(2)") //表示p标签中在第3个之前的

//插入标签
var p = $("<p>插入的话</p>");  //直接创建 dom 标签
p.insertAfter("#myTarget");	  //插入到 这个myTarget这个id元素的后面

//取或者赋予标签属性值
var title= $("input:eq(1)").attr("value");	//获取第二个input标记的value属性
$("button:gt(0)").attr("disabled","disabled");  //设置 第一个之后的button的disabled属性的值为disabled

//添加class
$("div").addClass("class1 class2");	  //表示同时添加了2个css

//切换显示
$(function(){
$("p").click(function (){	//p标记的click事件  添加一个方法
	$(this).toggleClass("hhh");	//this为自己 也就是上面的p标记  
	    // toggleClass(css样式)  切换显示css样式 
	})
});

//复制-clone()  和 添加到-appendTo(html标签)		
//clone 为 复制 标签全部内容
//appendTo(html)	把某标签 添加到 html这个变量代表的标签中
$("p:eq(0)").clone().appendTo($("p:eq(1)"));

//绑定事件    为p标记绑定click事件 
$("p").("click",function(){	   
     $("#show").append("<div>点击事件1</div>");	
    //id为show的标记添加 标记或文本
});

//移除事件监听--//参数一为 要移除的事件   参数二为 事件对象或事件名 	
.unbind("click",myFunction);	
1 楼 zhoudan241 2010-11-03  
LZ可否写关于Struts2+Jquery ajax的无刷亲例子
2 楼 zhaoyu2288 2010-11-19  
zhoudan241 写道
LZ可否写关于Struts2+Jquery ajax的无刷亲例子


有无struts2与ajax有直接关系吗?
  相关解决方案