<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   <html xmlns="http://www.w3.org/1999/xhtml">

   <head>

   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

   <title>无标题文档</title>

   <script src="jquery-1.11.2.min.js"></script>

   <style type="text/css">

   #aa{ background-color:#36C}

   </style>

  </head>

  <body>

  Jquery

      $代表选择器

  JS

      选取元素

      操作内容

      操作属性

      操作样式

  <div id="aa" style="width:100px; height:100px;"></div>

  <div class="aa"></div>

  <span class="aa"></span>

  <input type="text" name="uid" aa="bb" id="cc" />

  <input type="checkbox" value="" id="dd" />

  </body>

  <script type="text/javascript">

  //页面加载完成

  $(document).ready(function(e) {

      //页面加载完成之后执行

      //JS

          //找元素,DOM对象

          //var a = document.getElementById("aa");

          //alert(a);

          //var a = document.getElementsByClassName("aa");

          //alert(a[1]);

          //var a = document.getElementsByTagName("div");

          //var a = document.getElementsByName("uid");

          //alert(a[0]);

          yua

          //操作内容

          //a.innerHTML //操作元素里面的html代码

          //a.innerTEXT //操作元素里面的文本

          //a.value //操作表单元素的值

          //操作属性

          //a.setAttribute("",""); //设置

          //a.removeAttribute(""); //移除

          //a.getAttribute(""); //获取

          //操作样式

          //a.style.backgroudColor = "red";

      //Jquery

          //找元素,Jquery对象

          //var b = $("#aa"); //根据ID找

          //alert(b[0]);

          //var b = $(".aa"); //根据class找

          //alert(b[1]); //找到的是DOM对象

          //alert(b.eq(1)); //找到的是Jquery对象

          //var b = $("div"); //根据标签名找

          //alert(b[0]);

          //var b = $("[id='aa']"); //根据属性找

          //alert(b[0]);

          //操作内容

              //非表单元素

              //b.html(); //操作元素里面的HTML代码

              //b.text(); //操作元素里面的文本

              //表单元素

              //b.val("hello");

          //操作属性

              //设置属性

              //b.attr("bs","test");

              //获取属性

              //alert(b.attr("aa"));

              //移除属性

              //b.removeAttr("aa");

              //b.prop("checked",false);

         //操作样式,可以获取内嵌的样式

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

         //alert(b.css("width"));

         //alert(b.css("background-color"));

 });

 </script>

 </html>

jquery常用语句的更多相关文章

  1. jquery常用语句总结

    一.jquery中text val html attr的使用区别 html和innerHTMl是一样的,可以获得和设置指定元素如<p>中的html标签和文本如:设置值: $("p ...

  2. [小问题笔记（七）] JS和 jQuery常用语句笔记（隐藏/显示/禁用标签 日期操作 跳转等）

    隐藏/显示标签 $("#div1").css("display", "none");$("#div2").css(&qu ...

  3. jquery常用写法简单记录

    好久不写东西了......话不多说,主要记录一下,最近做的项目中用到的js的记录(虽然特别特别简单) 一 jquery常用写法记录 jQuery(this).addClass("select ...

  4. SQL server 常用语句

    SQL Server中常用的SQL语句   1.概述 2.查询概述 3.单表查询 4.连接查询 5.带有exists的相关子查询 6.SQL的集合操作 7.插入操作 8.删除操作 9.修改操作 10. ...

  5. mysql常用语句总结

    1.创建语句 CREATE DATABASE database_name //创建数据库 //删表 DROP TABLE IF EXISTS `t_social_user_extend`; //建表C ...

  6. JS常用语句

    JavaScript常用语句 1.document.write("");    输出语句 2.JS中的注释为   // 3.传统的HTML文档顺序是:     document-& ...

  7. velocity常用语句速查表

    velocity常用语句 * 变量定义 #set($directoryRoot = "www" ) * #if($!list.size() != 0) //判断list不为空 #f ...

  8. 24、jQuery常用AJAX-API/Java调用MySQL / Oracle过程与函数

      1)掌握jQuery常用AJAX-API 2)掌握Java调用MySQL / Oracle过程与函数 一)jQuery常用AJAX-API 目的:简化客户端与服务端进行局部刷新的异步通讯 (1)取 ...

  9. 23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API

      1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...

随机推荐

  1. 学习WPF

    http://www.cnblogs.com/prism/archive/2010/07/21/1781855.html 如何在WPF中画三角,以及把按钮设置成颜色渐变的样式:

  2. C# RabbitMQ

    鉴于本人很懒,发现好的文章一般都直接copy,本文大体摘自:https://www.cnblogs.com/MuNet/p/8546192.html 1.引言 RabbitMQ——Rabbit Mes ...

  3. decltype类型指示符

    C++11新标准引入第二种类型说明符decltype,它的作用是选择并返回操作数的数据类型. 编译器分析表达式并得到它的类型,却不实际计算表达式的值: decltype(f()) sum = x;// ...

  4. .Net三层架构

    .Net三层架构   希望朋友们留下自己对三层架构的理解... 三层体系结构的概念 用户界面表示层(USL) 业务逻辑层(BLL) 数据访问层(DAL) BLL将USL与DAL隔开了,并且加入了业务规 ...

  5. nslookup get public/external IP

    nslookup myip.opendns.com resolver1.opendns.com Server: resolver1.opendns.comAddress: 208.67.222.222 ...

  6. JS 禁用鼠标右键

    oncontextmenu="window.event.returnValue=false" style="overflow-y: hidden; overflow-x: ...

  7. Go学习之路

    注:图片来自 https://github.com/gocn/knowledge, 更新在此,共勉前行者.

  8. 关于含RecyclerView的fragment来回切换时页面自动滑动到底部的解决方法

    原因: 在fragment中来回切换时RecyclerView获得了焦点,而RecyclerView的 focusableOnTouchMode属性默认是true,所以在切换时RecyclerView ...

  9. 【原创】大叔经验分享（26）hive通过外部表读写elasticsearch数据

    hive通过外部表读写elasticsearch数据,和读写hbase数据差不多,差别是需要下载elasticsearch-hadoop-hive-6.6.2.jar,然后使用其中的EsStorage ...

  10. windows无法安装msi文件

    命令提示符(管理员身份运行): 输入:msiexec /i e:\spark\scala-2.11.12.msi 其中e:\spark\scala-2.11.12.msi:就是安装文件的位置.