复习
jq:
$(function(){
///
})
选择器:
$('#box1')
$('.box')
$('div')
$('#box1 .box div')
特殊:
div:has(p)
div:contains(内容)
属性选择:
input[type=button]:
伪类:
$('li:first')
------------------------------------------------
修改css样式
设置一个样式:
$('div').css('color','red');
设置一组样式:
$('div').css({width:'100px',height:'100px'});
设置class:
$('div').addClass('active');
删除class:
removeClass
运动版本:
$('div').stop().animate({width:'100px',height:'100px'},1000,function(){
执行完第一个函数,再执行此函数
})
---------------------------------------------------
标签内容:
普通:html();
表单:val();
jq里面操作属性的方法:
设置属性:
设置一个:
$(this).attr('src','img/pic2.jpg');
设置一组:
$(this).attr({src:'img/pic2.jpg',title:'不好看的图',id:'aaa'});
获取属性:
alert($(this).attr('title'));
删除属性:
$(this).removeAttr('src');
dom操作!
创建
添加
$('<h2>h2h22h2h2h2h2h2</h2>').appendTo('#box');
$('<h2>h2h22h2h2h2h2h2</h2>')---创建元素!
.appendTo('#box')---添加(默认#box子级的最后面)
.appendTo(父级)---父级内部后面!
.prependTo(父级)---父级内部前面!
.insertBefore('#box')----父级外部前面!
.insertAfter('#box')----父级外部后面!
删除 ---remove
$(要删除的元素).remove();---想删除谁,就给谁remove'
$(this).parent().remove();
当前的父级,删除掉!
简易留言:
1.点击默认有的留言删除不了
2.留言以后,默认的就可以删除
3.把删除代码放在外面,默认的可以删除了,但是创建的删除不了
解决:里外都写上!
网友评论