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);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值