其他分享
首页 > 其他分享> > JQuery 1

JQuery 1

作者:互联网

$("div:contains('John')") 查找所有包含 "John" 的 div 元素
$("td:empty") 查找所有不包含子元素或者文本的空元素
:has(selector) 匹配含有选择器所匹配的元素的元素
:parent 匹配含有子元素或者文本的元素
:hidden 匹配所有不可见元素,或者type为hidden的元素
:visible 匹配所有的可见元素
零个参数表获取 一个参数表设置{
html() html代码
text() 文本内容
val() 交互控件的值}
attr和 css 一个参数表获取 两个参数表设置
$("input[type='checkbox']").prop("checked"); 选中复选框为true,没选中为false
$(":checkbox:eq(3)").attr("checked"); 复选框内check属性的值为多少
基本 <!-- 修改的是 display:none -->
$(".show").click(function(){
$("div").show()
})
$(".hide").click(function(){
$("div").hide()
})
$(".toggle").click(function(){
$("div").toggle()
})
滑动 <!-- 修改的是height -->
$(".slideDown").click(function(){
$("div").slideDown()
})
$(".slideUp").click(function(){
$("div").slideUp()
})
$(".slideToggle").click(function(){
$("div").slideToggle()
})
淡入淡出 <!-- 修改的是opacity -->
$(".fadeIn").click(function(){
$("div").fadeIn()
})
$(".fadeOut").click(function(){
$("div").fadeOut()
})
$(".fadeToggle").click(function(){
$("div").fadeToggle()
})
$(".fadeTo").click(function(){
$("div").fadeTo(1000,0.4)
})
自定义动画
$(".animate").click(function(){
$("div").animate ({width:"+=50px"},1000)
})

标签:JQuery,function,匹配,参数表,元素,div,click
来源: https://www.cnblogs.com/chenlu0317/p/15507631.html