jqurey 简单的,我也简单

________________________<jqurey>_______________________
size()求对象集合中的个数
each()遍历对象
prop()获取某个元素属性,相似attr()
is()判断某个元素符合某个表达式 成功返回true
attr()属性不是html具有的,人为加的属性
childer()某个元素的子元素
append()向匹配元素添加内容
text()获取元素的文本
get()获取集合中的某个元素
html()相当于innerHTML,向元素的内部插入一段HTML
:readoinly 只读
————————————属性操作
prop()四种用法
removeProp()移除属性
attr()四种用法 前缀(data-属性名)
removeAttr()移除属性
data()获取元素中 data-前缀的属性
remoreData() 移除data-前缀的属性
————————————class操作
<script type="text/javascript" src="/jquery/jquery.js"></script> addClass 添加class
<script type="text/javascript"> removeClass 移除class
$(document).ready(function(){ hasClass 判断是否有这个class
$("button").on(click,function(){
if($("p:first").hasClass("intro") == false)
$("p:first").addClass("show").addClass("intro");
else
$("p:first").addClass("intro");
});
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>向第一个 p 元素添加一个类</button>


---------------------------元素的查找
children() 下一代 查找当前元素的所有子
find() 查找当前元素所有后代
next() 当前元素后面相邻的兄弟元素
nextAll()当前元素后面所有兄弟元素
prev() 当前元素前面集邻的兄弟元素
prev() 当前元素前面所有兄弟元素
siblings() 当前元素所有兄弟元
parent() 找当前元素的上一辈元素
parents()找当前元素所有的父元素
parents Until()直到找父元素有的第一个匹配元素为止
$(document).ready(function(){
$('li.nav-link').hide();
$('li.nav-item').on('click',function(){
//$(this).parent().find('li.nav-link').slideUp(600);
$(this).siblings().find('li.nav-link').slideUp(600);
$(this).find('li.nav-link').slideToggle(600);
});
});
-------------------------DOM插入和删除
$(document).ready(function(){
var a = $('#plot').html();//相当于DOM对象中的innerHTML直接插入
var a = $('#plot').html('<a>sagsagsad</a>');
comsole.log(a);
var a = $('#plot').append();//$.append(不能是选择器只能是一段HTML); 内部插入
});
html(content)将content插入到当前元素内部
append(content)将content插入到当前元素内部元素后面
delegate()动态元素加事件
undelegate()移除动态元素事件
☆加入的节点动态元素加、删事件不能用.on 必须用delegate和undelegate添加移除

posted @ 2017-06-15 15:46  丿凝望  阅读(182)  评论(0编辑  收藏  举报