jquery_day1

1 $(document).ready(function(){

  /×代码开始×/

})

所有载入页面后执行的代码都应该写在这里面

简化写法为

$(function(){

/*代码*/

})

2  插件开发

a 代码需要包裹在

 (function($){

  /*代码*/

})(jQuery)

b 添加插件

$.fn.changeColor = function(){

  this.css('color',red);

}

这段代码添加了一个叫changeColor的插件，jquery所有对象都可以使用，使用方法如：$("#id").changeColor();

$(function($){

   $.fn.changeColor = function(){

   this.css('color,'red'');

  }

})(jQuery);

3 jQuery设置属性

设置单个属性

  $('#id').css('background-color','red');

设置多个属性，可传入一个对象

 $()'#id'.css({'background-color':'red','font-size':'20px'});

4 设置属性方法attr()

 $('#id').attr('rows','30');

实例：禁用索引数大于0的按钮

$("button:gt(0)").attr("disabled","disabled");

4 jQuery获取css的值

 var cssValue = $('#id').css('background-color');

css();方法只有一个参数的时候表示取值，有两个参数的时候表示赋值

5 修改display属性

切换元素的隐藏与显示

var show = $("id").css("display");

$("id").css("display",show=="block"?"none":show);

代码有点搓，这段代码通过判断当前元素的display的值来设置它的display值，如果是none就设成block，如果是block就设置成none，从而实现了隐藏和现实的切换。

5 删除css属性

一般使用删除标签的removeAttr();方法

如果css是写在class里面，则要使用removeClass()方法

6 选中文本（包括input和textarea）

实现点击文本框，就选中文本框内容

$("#id").click(function(){

  if($.browser.msie) this.createTextRange().select()

  else{

    this.selectionStart( = 0;

    this.selectionEnd = this,value.length;

  }

})

7 jQuery获取radio的值

<input type='radio' name='textradio' value="radio111">111<br/>

<input tyoe='radio' name=''textradio' value='radio222'>222<br/>

<inout type='radio' name='textradio' value=radio333'>333<br/>

获取某个radio值的方法

a  $('input[name="textradio"]:checked').val();

b  $('input:radio:checked').val();

c $('input[@name="textradio"][checked]')

d $('input[name="textradio"]').filter(':checked');

遍历所有radio

$('input[name="textradio"]').each(function(){

                                                 alert(this.value);

});

取某个radio的值,比如第二个

$('input[name="textradio"]:eq(1)').val();

8 select选中某个option选项的方法

<select id="demo">

 <option value="1">选项一</option>

 <option value="2">选项二</option>

 <option value="3">选项三</option>

selection某个选项被选中

$('#demo option:eq(1)').attr('selected','selected');

9 closest

closest和parents的主要区别：

a 前者从当前元素开始匹配寻找，后者从父元素开始匹配寻找

b 前者逐级向上查找，直到发现匹配的元素后 就停止了，后者一直向上查找直到根元素，然后把这些元素放进一个临时集合中，再用给定的选择器表达式去过滤

c 前者返回0或1个元素，后者可能包含0 个，1个，或者多个元素

closest对于处理事件委派非常有用。

10 获取class属性的值

 $("#id").attr("class");

或$("#id")[0].calssName;

11 获取url

 window.location.href;