<!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. mysql 以数组的形式插入更新表

    在项目中用php+mysql,需要插入数据,但是数据库表字段又很长,如果用常规的insert into table (c) values ('dd')的话,将是很长的sql语句,而且一不小心,就弄错了 ...

  2. Educational Codeforces Round 32 E. Maximum Subsequence

    题目链接 题意:给你两个数n,m,和一个大小为n的数组. 让你在数组找一些数使得这些数的和模m最大. 解法:考虑 dfs但是,数据范围不允许纯暴力,那考虑一下折半搜索,一个从头开始往中间搜,一个从后往 ...

  3. 基于redis的cas集群配置

    1.cas ticket统一存储 做cas集群首先需要将ticket拿出来,做统一存储,以便每个节点访问到的数据一致.官方提供基于memcached的方案,由于项目需要,需要做计入redis,根据官方 ...

  4. springboot上传文件 & 不配置虚拟路径访问服务器图片 & springboot配置日期的格式化方式 & Springboot配置日期转换器

    1.    Springboot上传文件 springboot的文件上传不用配置拦截器,其上传方法与SpringMVC一样 @RequestMapping("/uploadPicture&q ...

  5. Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column

    安装了mysql5.7.19后,执行语句中只要含有group by 就会报这个错 [Err] 1055 - Expression #1 of ORDER BY clause is not in GRO ...

  6. Encode and Decode TinyURL

    TinyURL is a URL shortening service where you enter a URL such as https://leetcode.com/problems/desi ...

  7. vim简单使用教程【转】

    vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是一大堆VIM的命令分类,你一定会对这个编辑器失去兴趣的.下面的文章翻译自<Learn Vim Progress ...

  8. centos 6 部署Nodejs

    线上环境需要一套nodjs,没话说,那就部署唠. 一.下载编译包.解压.软链 nodjs历史版本连接:https://nodejs.org/zh-cn/download/releases/ cd /u ...

  9. .Net三层架构

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

  10. C++入门篇一

    双冒号(::)的作用:作用域运算符,全局作用域 void LOL::game1(){//在LOL命名空间下面的game1 cout << "LOL游戏开始" <& ...