1.  ---------------

-var aa = new Array();

aa.push(1);

alert(aa[0]);

var aa=[];也表示一个数组;

--------------------------

var a = "sdfsfs";

if (typeof (a) == "string")

alert("shfidfodsf");

else if (typeof (a) == "undefined")

alert("未定义");

-----------------通过构造函数属性来判断类型;分割字符串

var gg = "gu,oze,ng";

var aa = gg.split(",");

if(aa.constructor==Array)

alert(aa[2]);

-------------------归并字符串;

var aa = new Array(1, 2, 3, 4);

var b = aa.join("-");

alert(b);

--------------------------

$(document.body).css("background-color","Red");

---------------------:切记没有分号,px后面,否则无效果;

$("li").each(function () {

$(this).css("background-color", "green");

$(this).css("font-size","20px");

});

--------------

$("li:eq(3)").css("background-color", "red");匹配第四个li;

------------

$("li:contains('b')").css("background-color", "red");内容含有b的标签;

---------------

//$("ul").css("background-color","red");

//$("ul").attr("style", "background-color:red; font-size:20px;");

//$("ul").attr({ style: "background-color:red;",style: "background-color:red;"});

$("ul").attr("class", "lii");

$("ul").removeAttr("class");

-------------------------

$("p").addClass("selected highlight");

------------------获得索引:

.index();从0开始,返回一个数字;

-----------有的话,删除,没有的话添加;

$("ul").click(function () {

$(this).toggleClass("lii");

});

--------------not:除此之外的;

$("li").not($("li:last")).css("background-color", "red");

-------------2,3只选择第三个,2,4只选择第三和第四个,索引从0开始;当slice(2),表示从第三个到最后一个;

$("li").slice(2,3).css("background-color", "red");

---------------------lt:前四个;

$("li:gt(4)").css("background-color", "red");

-------所有的li;

$("ul").children().css("background-color", "red");

--------class为dd的类;

$("ul").children(".dd").css("background-color", "red");

-------------所有的同级元素;

$("#f").nextAll().css("background-color", "red");

-----------挨着的第一个同级元素;

$("#f").next().css("background-color", "red");

-----------同级直到table标记之间的同级标记,不包括table;

$("#f").nextUntil("table").css("background-color", "red");

-------------找到所有父级的标记;

$("#nei").parents().css("background-color","red");

-------------应该只有上一级;

$("#nei").parent().css("background-color","red");

-------------

siblings:除此之外的所同级元素;

---------相当于累加;

$("#nei").add("table").add("#f").css("background-color","red");

-----------并把自己也加上;

$("div").find("p").andSelf().addClass("border");

--------------将所有元素添加到b标签中;

$("#nei").contents().wrap("<b/>");

-------------在p标签的前面添加标记;append是后面;

$("p").prepend("<b>Hello</b>");

--------------.after,.before,insertafter,insertbefore;

------------将元素包含到另一元素中;

$("p").wrap(document.getElementById('content'));

------------

将所有匹配的元素用单个元素包裹起来时使用wrapall();

---------------------------:在p的内部添加b;(将p的内容用b抱起来)

$("p").wrapInner("<b></b>");

-----------变换标记;

$("p").click(function () {

$(this).replaceWith("<img src='../img/_8-1.png'></img>");

-----------

});

---------------------复制一份添加到标记中

$("b").clone().prependTo("p");

---------------------

将所有段落的字体颜色设为红色并且背景为蓝色。

jQuery 代码:

$("p").css({ color: "#ff0011", background: "blue" });描述:

如果属性名包含 "-"的话,必须使用引号:

jQuery 代码:

$("p").css({ "margin-left": "10px", "background-color": "blue" });

-----------------------不管怎么样:键值都加双引号;

$("#f").css({"color":"red","background":"blue"});

----------------------------------------------------------offset相对document的位置;

-----------设定移量;

$("#xuan").offset({top:200,left:400});

-------------得到相对位置

var a = $("#xuan").offset();

alert(a.left+"----"+a.top);

--------------------------------------------------------------position(),相对于父元素的偏移量;用法和offset一样;

------blur():失去焦点触发的事件;

-----change()事件:当内容改变且失去焦点时触发;

-------------滚动条滚动

$(window).scroll(function () {

setTimeout();

$("#xuan").offset({ top: $(window).scrollTop() + 200 });

});

-----------序列化操作:

var a = $.parseJSON('{ "name": "guozeng" }');

alert(a.name);

---------------------

------------------------textbox下拉框案例

$(function () {

$("#Text1").focus(function () {

//$("#gg").attr("display","block");

$("#gg").css("display", "block");

$("#gg").offset({ top: $("#Text1").offset().top + $("#Text1").height() + 5, left: $("#Text1").offset().left });

});

$("li").click(function () {

$("#Text1").val($(this).text());

$("#gg").css("display", "none");

});

})

-------------------pannel案例:

$(function () {

$("img[alt='a']").click(function () {

if ($(this).attr("src") == "../img/_8-1.png") {

$(this).attr("src", "../img/_8-2.png")

$("#gg").slideUp(500);

}

else {

$(this).attr("src", "../img/_8-1.png")

$("#gg").slideDown(500);

}

});

})

---------------------------

Jqury笔记的更多相关文章

  1. MAVEN学习笔记之私服Nexus(2)

    MAVEN学习笔记之私服Nexus(2) 私有服务器搭建 Nexus www.snatype.org下载 snatype-work 是默认nexus存储nexus a:将bin添加到环境中 Admin ...

  2. git-简单流程(学习笔记)

    这是阅读廖雪峰的官方网站的笔记,用于自己以后回看 1.进入项目文件夹 初始化一个Git仓库,使用git init命令. 添加文件到Git仓库,分两步: 第一步,使用命令git add <file ...

  3. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. SQL Server技术内幕笔记合集

    SQL Server技术内幕笔记合集 发这一篇文章主要是方便大家找到我的笔记入口,方便大家o(∩_∩)o Microsoft SQL Server 6.5 技术内幕 笔记http://www.cnbl ...

  5. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  6. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  7. NET Core-学习笔记(三)

    这里将要和大家分享的是学习总结第三篇:首先感慨一下这周跟随netcore官网学习是遇到的一些问题: a.官网的英文版教程使用的部分nuget包和我当时安装的最新包版本不一致,所以没法按照教材上给出的列 ...

  8. springMVC学习笔记--知识点总结1

    以下是学习springmvc框架时的笔记整理: 结果跳转方式 1.设置ModelAndView,根据view的名称,和视图渲染器跳转到指定的页面. 比如jsp的视图渲染器是如下配置的: <!-- ...

  9. 读书笔记汇总 - SQL必知必会(第4版)

    本系列记录并分享学习SQL的过程,主要内容为SQL的基础概念及练习过程. 书目信息 中文名:<SQL必知必会(第4版)> 英文名:<Sams Teach Yourself SQL i ...

随机推荐

  1. 随笔 - Internet缓存文件

    Internet缓存文件 本文地址: http://blog.csdn.net/caroline_wendy 互联网上全部的使用记录, 图片, 音乐, 视频, 都会缓存在本地. 1. 位置: IE-& ...

  2. 【ThinkingInC++】2、输入和输出流

    /** *特征:输入和输出流 *时间:2014年8月8日07:37:35 *作者:cutter_point */ #include<iostream> using namespace st ...

  3. android在单身的对象和一些数据的问题被释放

    正式接触android我们一直在开发了一段时间,该项目的第一个版本最终会很快结束. 当有它自己的测试.拥有android后台.同一时候打开了几个应用之后又一次切回到自己的app.发现报错了.经过排查, ...

  4. SP服务商收益究竟有多大?

    揭秘spspsp服务商怎样盈利?代办sp服务商又称持增值电信----移动网信息服务许可证信息提供商,sp主要业务有短信彩信(手机报.短信群发.客服系统).WAP.彩铃.IVR.百宝箱.JAVA游戏.B ...

  5. unicode编码和中国的相互转换

    如果你的原始文件1.properties(该文件的编码中国).要转换unicode的 在cmd通过进入你在哪里在这种类型的文件夹: native2ascii -encoding gb2312 1.pr ...

  6. POJ 3299 Humidex(简单的问题)

    [简要题意]:什么是温度,湿度--,之间的转换.. [分析]:式已被赋予. // 252k 0Ms /* 当中exp表示的是求e的x次幂 解法就直接依据题目中的公式解决就好!! */ #include ...

  7. php正则函数学习

    原文:php正则函数学习 <?php /** * php正则函数学习 * * 原来的ereg 和eregi 函数已经废弃掉了,目前版本用preg_match代替 * * preg_match 在 ...

  8. JS怎样将拖拉事件与点击事件分离?

    帖子:http://bbs.csdn.net/topics/390785395?page=1#post-397369340 怎样将拖拉事件跟点击事件分离? 须要做到:拖拉时不触动点击事件 <ht ...

  9. c#-Artificial Intelligence Class

    NET Artificial Intelligence Class http://www.codeproject.com/KB/recipes/aforge_neuro/neuro_src.zip

  10. 数据结构--画画--最小生成树(Prim算法)

    通信网络的最小生成树配置,它是使右侧的生成树值并最小化.经常使用Prim和Kruskal算法.看Prim算法:以防万一N={V,{E}}它是在通信网络,TE它是N设置边的最小生成树.从算法U={u0} ...