Jquery基础学习笔记(1)-阿里云开发者社区

开发者社区> 灵动生活> 正文

Jquery基础学习笔记(1)

简介: 此笔记只是作为本人学习JQuery的随手笔记,稍微做了一下整理,希望对新人有参考价值。   1、属性: 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class="btn"            //$("input").
+关注继续查看

此笔记只是作为本人学习JQuery的随手笔记,稍微做了一下整理,希望对新人有参考价值。

  1、属性: 为所有匹配的元素设置一个计算的属性值

//为所有的input添加属性class="btn"
            //$("input").attr("class","btn");


    2
CSS为每个匹配的元素添加指定的类名
            //
对所有的提交按钮添加样式
            $("input:submit").addClass("btn");


   3
、值:获得第一个匹配元素的当前值 
            //
取的某一按钮的值

            //alert($("#Button1").val());


   4Html代码:取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
            //
输出div之间的html代码
            //alert($("#div1").html());
           
            //
Div中的html重新赋值
            //$("#div1").html("<input type='text'/>");


  5
、文本:取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTMLXML文档都有效。


            //
输出div之间的文本值
            //alert($("#div1").text());
           
            //
div中的文本重新赋值
            //$("#div1").text("100");
           
        6
  //单选按钮选中
            $("#select1").val("
选项2");
//            if( $("#select1").val()=='
选项2')
//            {
//                alert("
你选择了选项2");
//            }

7、将一个或多个DOM元素转化为jQuery对象
            //
设置页面背景色
            $(document.body).css("background","#c0c0c0");
           
            //
隐藏一个表单中所有元素 【不可用】
            //$(div.elements).hide();
           
  8
each用法 以每一个匹配的元素作为上下文来执行一个函数
//            $("button").click(function () {
//                $("div").each(function (index, domEle) {
//                // domEle == this
//                $(domEle).css("backgroundColor", "yellow"); 
//                if ($(this).is("#stop")) {
//                $("span").text("Stopped at div index #" + index);
//                return false;
//                }
//                });
//                });

9、这个函数的返回值与 jQuery 对象的'length' 属性一致
            //button
的个数
            //alert($("input:submit").size()+" and "+$("input:submit").length);
           
   10
   取得所有匹配的 DOM 元素集合
            //alert($("input").get().reverse());
            //
取得其中一个匹配的元素。 num表示取得第几个匹配的元素
            //alert($("input").get(1));

 

 

版权

作者:灵动生活 郝宪玮

出处:http://www.cnblogs.com/ywqu

如果你认为此文章有用,请点击底端的【推荐】让其他人也了解此文章,

img_2c313bac282354945ea179a807d7e70d.jpg

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Python零基础学习笔记(四)——数据类型
python数据类型:Number(数字):包括整数/浮点数(小数)/复数String(字符串)Boolean(布尔值)None(空值)list(列表)tuple(元组)dict(字典)set(集合)
1233 0
Python零基础学习笔记(六)—— 变量和常量
变量: 程序可操作的存储空间的名称 程序运行期间可改变的数据 每个变量都有特定的类型 作用:将不同类型的数据存储到内存 定义变量:变量名 = 初始值(为了确定变量的类型,python里面可以直接识别数据类型 例如:age = 10) 数据的存储:变量名 = 数据值 特别注意:变...
1387 0
Python零基础学习笔记(三)——注释、输入和输出
单行注释# """多行注释多行注释......""" '''多行注释多行注释......'''print 打印到屏幕上一些信息,内容就是“”之间的print("这是第一个关于注释的文件") 2 .打印多个字符转,用逗号隔开,但遇到逗号会输出一个空格print("我","是","谁") 可以运算pr...
1472 0
Linux网络基础编程|学习笔记
快速学习Linux网络基础编程
53 0
Python零基础学习笔记(十六)—— if-elif-else语句
''' if-elif-else语句 格式: if 表达式1: 语句1 elif 表达式2: 语句2 elif 表达式3: 语句3 ...... elif 表达式4: 语句4 else: #可有可无 语句n 逻辑:当程序执行到if-elif-el.
1317 0
Python零基础学习笔记(十八)—— break语句和continue语句
''' break语句: 作用:跳出for和while循环 注意:只能跳出距离他最近的那一层的循环 ''' for i in range(8): if i == 5: break print(i) ''' continue语句: 作用:跳过当前循环中的剩余语句 .
1237 0
Python零基础学习笔记(十七)—— for 语句
''' for 语句,是一种循环语句 格式: for 变量名 in 集合: 语句 逻辑:按顺序取“集合”中的每个元素赋值给“变量”,再去执行语句 如此循环往复,直到取玩“集合”中的元素为止 ''' for i in [1,2,3,4,5]: print(i) '...
1193 0
Python零基础学习笔记(十九)—— 死循环
#死循环:表达式永远为真的循环 while 1: print("My name is jjking.") 执行结果会一直一直的打印 My name is jjking. My name is jjking.
1068 0
+关注
灵动生活
12年电商经验,8年IT项目管理经验,曾就职于中国第一家上市的B2C电商公司麦考林,擅长电商业务模式规划以及大型电商系统架构。创立闪酷&amp;酷客多小程序
203
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载