• 专注于网站建设,网络推广,关键词优化,SEO优化,专业的网站建设开发团队!

叶景网络之JQuery学习笔记

2015-06-13 17:01:08   来源:叶景网络
    叶景网络(www.cngxit.com),致力于互联网品牌建设与网络营销,专业领域包括网站建设、电子商务、移动互联网营销、系统平台开发, 与其他网站建设等。叶景网络为您分享:叶景网络之JQuery学习笔记
    //----------------------------------------两种对象--------------------
    $("#id").html();//这是jquery对象
    //====================================================
    document.getElementById("id").innerHTML //这是DOM对象
    //----------------------------------------对象之间的转化------------------------------
    jQuery  --->DOM //转化
    方法一:
    var $cr = $("#id");
    var cr  = $cr[0];//用到了[index]
    方法二:
    var $cr = $("#id");
    var cr  = $cr[0];//用到了get(index)
    //===================================
    DOM --> jQuery //转化
    var cr = document.getElemenById("id");
    var $cr = $(cr);
    //----------------------------------------jquery中的方法----------------------------------------
    is(":checked")//是jquery中的方法,判断是对象是否选中,返回布尔值(boolean)
    //---------------------------------------------------------------------------------------------
    //获取表单中input、text、password的个数(长度)
    $("#form1:input").length;
    $("#form1:text").length;
    $("#form1:password").length;
    //-----------------------------------------------
    //获取页面中所有p 的元素对象并加上onclick单击事件
    $("p").click(function(){
    doing something...
    })
    //=================================================
    //偶数行的加上背景颜色 偶数用even 奇数用odd
    $("$tb tbody tr:even").css("backgroundColor","#8888");
    //=============================================
    $("$btn").click(function(){//获取jquery对象的长度
    var length = $("input[name='check']:checked").length;
    alert("你选中的个数为:"+length);
    })
    //------------------------------------------------------------------
    //转义特殊字符
    <div id="id#b">bbbbbbbbbbbbbbbbbbb</div>
    <div id="id[1111]">111111111111111</div>
    //以上用jquery获取时要经过转义
    如:<br/>
    $("id\\#b");
    $("id\\[1\\]");
    //--------------------------------------------------------------------
    注:在jquery1.1.0版本后不能使用了@号
    $('div{@title="test"}');//改为
    $('div{title="test"}');
    //--------------------------------------
    //注意空格--以下两种所获取得的长度不同
    var t_a =$('.test :hidden').length;
    var t_b =$('.test:hidden').length;
    alert("$('.test  :hidden')="+t_a);
    alert("$('.test:hidden')="+t_b);
    //------------------------------------------------
    Ajax+jquery的使用
    //------------------------------------------------
    //---------------------------load()函数-----------
    $(document).ready(function(){
    $("#send").click(function(){
    $("#resText").load("list.html .para");//load()函数的筛选元素参数(可选)
    })
    })
    注:load()函数中提供了回调函数==============
    $("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
    //responseText:请求返回的内容
    //textStatus:请求状态 success error notmodified timeout
    //MLHttpRequest:MLHttpRequest对象
    })
    //-----------------------------------------------------------------------------
    $(document).ready();函数的用法、功能-----------------注:缩写形式: $(function(){ ... })
    //-----------------------------------------------------
    $(document).ready(function(){
    //jquery代码放置在内
    })
    //(1)该函数内的所有代码都将在DOM加载完毕后,页面全部内容(包括图片)完全加载完毕前被执行
    //(2)一个页面中可以用多个$(document).ready(function(){...});函数;
叶景网络,网络推广,网站建设
特别推荐RECOMMEND
搜索引擎网站关键词seo优化的意义
视频推广怎么做
网站seo优化怎么做关键词排上首页?
SEO介绍什么叫搜索引擎网站关键词优化
seo优化怎样做提升关键词排名
热点图文Hot
没有加www域名打不开的解决方案 没有加www域名打不
叶景网络之CodeIgniter框架的学习 叶景网络之CodeIgni
叶景网络之Ajax学习笔记 叶景网络之Ajax学习
叶景网络之DIV+CSS学习笔记 叶景网络之DIV+CSS
关注排行RANKING
1

没有加www域名打不开的解决方案

没有加www域名打不开的解决方案 网站上线了,在做SEO时发现没带www的时候访问不了,是以前的域名绑定时没做好,这对se...

2

叶景网络之CodeIgniter框架的学习

叶景网络之CodeIgniter框架的学习 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站建...

3

叶景网络之Ajax学习笔记

叶景网络之Ajax学习笔记 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站建...

4

叶景网络之DIV+CSS学习笔记

叶景网络之DIV+CSS学习笔记 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站建设...

5

叶景网络之SQL注入与安全学习笔记

叶景网络之SQL注入与安全学习笔记 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站建...

6

叶景网络之Mysql常用命令学习笔记

叶景网络之Mysql常用命令学习笔记 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网站建...

7

叶景网络之Mysql优化的学习笔记

叶景网络之Mysql优化的学习笔记 通俗地理解三个范式,对于数据库设计大有好处。 第一范式:1NF是对属性的原子性...

8

叶景网络之Gvim编辑器的学习笔记

叶景网络之Gvim编辑器的学习笔记 叶景网络(www cngxit com),致力于互联网品牌建设与网络营销,专业领域包括网...

9

叶景网络之memcached 学习笔记

叶景网络之memcached 学习笔记 memcached 是一个高效的分布式的内存对象系统,他可以支持把各种php的数据放入...