JQery再总结

  

      这段时间重温了一下JQery。温故而知新。
   JQery很强大,但是自己总是不自觉的用js。JQery就是一个js类库。
      在js中不支持多播,这个怎么理解呢?就是按钮只能点击一次。而JQery可以有多个点击事件,js就会覆盖了,
已最后一个为标准。
      JQery的取值方式可以是$("#ip").attr("value")。#代表id。
  JQery的赋值方式可以是$("#ip").attr("value", "Hello Word"); //赋值#ip代表id其中value可以替换成其他比如src。
     $(function () { //窗体加载!
            $("input").click(function ()
               { this.value = "呜呜"; }
            );
        });为一个按钮绑定click事件
  合成事件
  hover(f1,f2)鼠标移入和移除,toggle(fn1,fn2) 当被click后会逐个执行
one(type,fn);表示注册的事件只能执行一项,然后失效。type代表类型
jq中对标签对比如<a></a>用text和html来获得值
    $.each(itemtemp, function (index, contex) {
$('<option value="' + contex + '">' + contex + '</option>').appendTo(selectcity);
});
如果itemtemp是数组,则index是索引,context代表temtemp[index].
如果itemtemp是键值对,则index代表key,context代表itemtemp[key],其中itemtemp[key]还可以是一个数组
符号1,空格,表示取子元素,无论是几层元素,都会被选择到  $('body div')
      符号2,>表示直接子元素,不包括后代子元素                           $('body>div')
  符号3,+表示之后紧邻的一个同级                                            $('#id+div')
  符号4,波浪~,表示之后的所有同级元素                                   $('#id~div')
  样式设置 $('#id').css('color','red');
    链式编程就是不停的赋值,然后总是对第一个进行修改。打破后恢复用end().
jq中的对样式的操作
    $('#btnShow').css({
                'color': 'white',
                'background-color': 'blue',
                'font-size': '20px'
            });
$('div:first');代表整个数组的第一个
$('div:last');代表整个数组的最后一个
$('div:eq(2)');代表第3个
$('div:gt(2)');代表大于2
$('div:lt(2)');代表小于2
$('div:not(#d11)');去掉id为d11的
$('div:even') 取数组为奇数的
$('div:odd')取数组为偶数的。
    .preAll代表当前节点的所有前面,但是这样会破坏节点选中,所有可以end()方法续结。
sibilings().css代表前后的所有的兄弟节点
next(),指的下一个,prev(),指的上一个 
andSelf()代表自己。

猜你喜欢

转载自blog.csdn.net/iwuio/article/details/79512073