<!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. Linux常用命令大全（非常全！！！）

    Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错.我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短 ...

  2. ZOC7在Mac下发送命令到多个窗口设置

    1 详见截图,找了半天 2 然后,下边框就会出现命令发送多个窗口的输入框了

  3. 浅谈axios

    在我们的项目中有用到: fetch有直接用的,也有自己封装之后用的; vue-resource在vue1的时候使用,把方法抽象出来后,总需要往方法里传 this.$http ,感觉是个超级不爽的设计, ...

  4. 分布式系列七: zookeeper简单用法

    zookeeper是分布式开源框架, 是Google Chubby的一个实现, 主要作为分布式系统的协调服务. Dobbo等框架使用了其功能. zookeeper特性 顺序一致性: 事务请求最终会严格 ...

  5. O2O、B2B、C2C（通俗讲解）

    你在地摊买东西,C2C你去超市买东西,B2C超市找经销商进货,B2B超市出租柜台给经销商卖东西,B2B2C你在网上下载个优惠券去KFC消费,O2O 一:O2O 1.概念: O2O即Online To ...

  6. .Net Core ----通过XUnit进行接口单元测试（带请求头及参数）并用output输出结果

    最近在做core的接口单元测试,所以在这拿出来分享一下,添加XUnit的nuget包 话不多说,直接上代码了: 输出结果(需要的命名空间using Xunit.Abstractions;): ITes ...

  7. Python-爬虫-requests

    简介 #介绍:使用requests可以模拟浏览器的请求,比起之前用到的urllib,requests模块的api更加便捷(本质就是封装了urllib3) #注意:requests库发送请求将网页内容下 ...

  8. MUI初学1

    1.1)官网: http://www.dcloud.io/ 2)案例: http://www.dcloud.io/case/#group-1 3)文档:http://dev.dcloud.net.cn ...

  9. 【python】笔记

    texts=[[word for word in document.lower().split() if word not in stoplist] for document in documents ...

  10. numpy数组扩展函数repeat和tile用法

    numpy.repeat(a, repeats, axis=None) >>> a = np.arange(3) >>> a array([0, 1, 2]) &g ...