JQuery知识点总结

1.val() 方法：返回或设置被选元素的值。


2.artDialog是一个精巧的web对话框组件。
  
  例如：d = art.dialog;
       d.confirm("{$_lang['confirm']}" + c + '?', function() {
$(".sbt_action").val(c);
$("#" + frm).submit();
});    
可以做出一个精美的对话框！


3.<script src="js/jquery.js" type="text/javascript"></script>


4.$(document) ready(function(){ alert("It is first jquery!");});
 
  简写 这两个都等同于window.onload=function(){alert("aaa");};
  
  $(function(){alert("It is scends jquery!");});
  
  onload是在所有加载完，包括对象、图片和css，后才触发
  
  而read是对象加载完就会触发，更好的体验


  注：在JQuery中可以将$视为一个函数！


5.$("form#suosou").attr("action","index?do=sellerlist&t=2");
  
  获取id为所搜的form表单，将其action属性改为“index?do=sellerlist&t=2”；


  jQuery 属性操作 - attr() 方法,参数不同，方法的作用也不同


6.removeClass()定义和用法

removeClass() 方法从被选元素移除一个或多个类。

注释：如果没有规定参数，则该方法将从被选元素中删除所有类。

$("#button").click(function(){
$("#sp").removeClass("类名");
});


$(document).ready(function(){
$("#songpeng").click(function(){
$("p").removeClass("songpeng");
alert("图片大小为："+$("img").attr("width"));
});
});


7. <script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p:first").removeClass("intro").addClass('main');
});
});


8.addClass() 方法向被选元素添加一个或多个类。

  该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

  提示：如需添加多个类，请使用空格分隔类名。
  
9.在css中两者都具备识别html元素的作用，name用点号.表示，id用井号#。 class 也用.


  一般name用于通用多次出现元素的样式定义，id用于唯一性元素样式定义。


10.$("p").click(alert("大家好，我是P"););//单独的这句话，是无法产生作用的，因为这个时候dom元素还没有解析出来，所以$("p")取不到任何值。
$(function(){
$("p").click(alert("大家好，我是P"););
});


   加function的原因是，等整个页面加载完了，才会执行function方法，避免执行JQuery时，P标签还未生成。
   获得p标签的对象，并且添加click事件进行监听。


11.$("p") 相当于getElementByTagname("p");


12.JQuery选择器：将DOM对象转换为JQuery对象

标签选择器 -$("p")
ID选择器 -$("#ID名称")  
类选择器 -$(".Class名称")


多条件选择器 -$("p,div,span.menuitem")  //同时选择p标签、div标签、带有menuiten样式的span标签。

层次选择器 -$("div li") //获取div下的所有li元素 包括其嵌套的 后代的 子的等
$("div > li") //获取div下的所有的直接li子元素
$(".menuitem + div") //获取样式为menuitem之后的第一个DIV元素
$(".menuitem ~ div") //获取样式为menuitem之后的所有的DIV元素


   注意：JQuery选择器中的空格不能多不能少。


13.JQuery中取不到对象是不会报错的，这给我们程序编写者带来了调试的难度，所以在测试时可以加上下面此类的判定：
var elements=$("#btn1");//将DOM对象转换为JQuery对象
if(elements.length<=0){
alert("没有找到ID为btn1的元素");
return;
}
elements.mouseover(function(){alert("鼠标移动上去后触发");});


14.$("div").click(function(){
$(this).next("div").css("background","red").siblings("div").css("background","yellow");
});
   //单击div标签时，这个标签的相邻下一个div元素的背景色变红，同辈的其他div元素的背景色变黄。


     siblings() 作用：获取同辈其他的元素的对象，括号里加东西说明是加上了过滤器，siblings("div"),获取同辈其他的div元素的对象


15.next() 方法，获取JQuery对象后，可以调用，获得相邻的下一个DOM对象。（如果括号里加上参数，则为过滤器，只获取对应的所有元素）


  nextAll() 方法，获取之后的所有的对象。（如果括号里加上参数，则为过滤器，只获取对应的所有元素）


  siblings() 方法，获取所有的同辈元素。（如果括号里加上参数，则为过滤器，只获取对应的所有元素）


  $(".menuitem").siblings("div");//获取class为menuitem的、所有同辈的、元素为div的JQ对象


16.相对选择器


   $("div",$(this)) //第二个参数传递一个JQuery对象，则相对于这个对象为基准，进行选择。


17.JQuery选择器是 把在上次过滤的基础上，再次进行过滤。


   例如：$("table tr:gt(3):It(2)")  //先获取表格的行对象，在大于3行的元素中，再次筛选小于2行的元素。


18.属性选择器


   $("input[name=box]:checked")  //获取name属性为box，并且已选中的input对象


   $("select:checked") //获取已选中的select对象


   $("div[id]") //获取有ID属性的div对象


   $("div[title!=test]") //获取title属性不等于test的div对象


   $("#form1:enabled") //获取id为form1的表单内所有启用的元素


   $("#form1:disabled") //获取id为form1的表单内所有禁用的元素


   $("input[type=checked]").not("input:checked") //获取type属性为checked，并且没有被选中的对象。


19.链式Each()
   var arr=new Array();


   $("input[type=checkbox]").each(function(key,value){//获取所有类型为checkbox的input元素，进行遍历，key是元素的序号，value是对应的元素DOM对象
arr[key]=$(value).val();//将value对象转化为JQuery对象，获取对应的值，并放入arr数组中。
   });


   $("#msg").text("arr数组中有"+arr.length+"个元素，分别为："+arr.join());//将这句话放入ID为msg的元素中 //arr.join()将arr中的元素以，为分割输出出来