<!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. ccse(CountDownLatch,CycliBarrier,Semaplore,Exchanger)

    关于等待状态的线程调用interrupt方法报异常:InterruptedException 当线程被阻塞,比如wait,join,sleep等,在调用interrupt方法,没有占用cpu运行的线程 ...

  2. 有关于 java native方法

    看java源码时,经常看到native方法后,就没有具体的是实现了. 以前一直有疑惑,今天查了查,看到前辈们的博文才明白: Java的native方法http://blog.csdn.net/wike ...

  3. 2.11 while循环的嵌套以及应用（难）

    while循环嵌套 前面学习过if的嵌套了,想一想if嵌套是什么样子的? 类似if的嵌套,while嵌套就是:while里面还有while <1>while嵌套的格式 while 条件1: ...

  4. 移动端控制视频点击播放点击下一个视频时自动停止播放&监听滑动溢出屏幕高度时停止播放

    直接上代码js部分: <script type="text/javascript"> var go;//记录video播放器位置 var video=document. ...

  5. PHP 【三】

    字符串变量 $txt = "Hello world!"; 创建字符串后,就可以对它操作,可以在函数中使用,或者把它存储在变量中 并置运算符 [把两个字符串值连接起来] <?p ...

  6. 一文掌握 Linux 性能分析之内存篇

    本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. 前面我们已经学 ...

  7. undefined reference to `pthread_create'

    问题描述: ubuntu 16.04  下  C语言开发环境, 已经添加了头文件#include <pthread.h> 以及在Makefile中添加了 -lpthread,但是编译时仍然 ...

  8. django模型层优化(关联对象) 懒加载和预加载 +长链接

    懒加载 存在于外键和多对多关系不检索关联对象的数据调用关联对象会再次查询数据库 问题根源 查看django orm的数据加载,两次. 查询user,查询menu 预加载的方法 预加载单个关联对象--s ...

  9. js——图片懒加载

    <img class="js-lazy-image centered" src="./img/dog-running.svg" width="4 ...

  10. mysql的小常识

    为了爬虫的需要,稍微预习一下mysql: 选择当前的数据库后,查看数据库信息用: USE; 删除:DROP DATABASE spiders #删除name为spiders的的数据库 选择:SELEC ...