Jquery-基础知识点

$("li").click(function (){
	$(this).text("hello!boy!");
});

$("p").before(‘<h1>这是before的测试方法</h1>‘);

$("#test").bind(
	‘click‘,function (){
		alert("这是事件触发的文字")
	}
);
$("#test").unbind(‘click‘);

for(var i = 0; i<5;i++){
$("<div style=‘color:red‘>this is new word!</div>").appendTo(document.body);   // 这个appendTO(document.body)很有用
			}
				

$("button").click(function(){
  $("div").animate({
    left:‘250px‘,
    opacity:‘0.5‘,
    height:‘150px‘,
    width:‘150px‘
  });
}); 

$("#p1").css("color","red").slideUp(2000).slideDown(2000);     //  让事件一次绑定多个方法

<p>Hello</p><p></p>
 
<script>
var p = $( "p:first" );
$( "p:last" ).text(
  "outerHeight:" + p.outerHeight() +
  " , outerHeight( true ):" + p.outerHeight( true ) );
</script>

<p><span>Hello</span>, how are you?</p>
<p>Me? I‘m <span>good</span>.</p>

$( "li.item-a" ).parent().css( "background-color", "green" );
$( "li.item-a" ).parents("li").css( "background-color", "green" );

$("h2").siblings().css({borer:"3px solid #ff0022});        //选择除了自己以外的其他同级元素
$("h2").next().css({border:"3px solid #ff0022}); 
$("h2").nextAll().css({border:"3px solid #ff0022});  
$("h2").nextUntil("h4").css({border:"3px solid #ff0022});   // 这个只能往下找

$.noConflict();                           //  这个声明了之后就不能再使用$符号了，必须自定义关键字来写语句，不一定非要使用jQuery关键字
jQuery("li").click(function (){
	jQuery(this).text("hello!boy!");
});