jQuery的引入包必须要在其他引入包的最上方，否则会出错。因为如果在页面加载完成后还未执行jQuery包，那么jQuery的引入包就没用了

如果浏览器报错：Uncaught Error: Bootstrap's JavaScript requires jQuery_...

就要注意文件引入的先后顺序，应该先引入jquery再引入bootstrap

//js或jquer y里面有数据存储的方式
//名字叫JSON
/* var json = {
code:"n001",
name:"张三",
js:{c:"p001",n:"回族"}
};

//取值 用点或者是索引
alert(json["code"]);
alert(json.js.n);
*/

//去空格
/*var str = " hello ";
str = str.trim(); //重要 非空验证的时候可以用来去空格，还可以在ajax返回值的时候去空格
alert(str.length);
*/

<!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" />

<!--引入JQUERY包(要先引入jequery，再写js，否则有些功能无法实现，因为如果js在上面，加载完上面的js后并没有加载上jequery，有些功能就无法实现，，，，所以jequery要在所有的引入前面)    min:压缩版-->

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

<style type="text/css">

#a1{

    color:red;

    }

.aa{ width:100px; height:100px; background-color:#39F}

</style>

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

</head>

<body>

<div id="a1" class="tt" style="width:100px; height:200px;">11</div>

<div class="aa" bs="1">aaaa</div>

<div class="aa" bs="2">bbbbb</div>

<div class="aa" bs="3">ccccc</div>

<div name="cc"></div>

<div bs="1"></div>

<input type="text" id="p1" />

<input type="button" id="b1" value="挂事件" />

<input type="button" id="b2" value="移除事件" />

<script type="text/javascript">

    //JS

    //根据ID取元素,取到的是具体的元素

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

    //根据CLASS取 （取到的是数组）

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

    //根据标签名取

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

    //根据name取

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

    //alert(a); 

    //操作元素

    //操作内容

        //非表单元素    只能通过ID找

        //a.innerText = "hello"; 取值

        //a.innerHTML = "<span style='color:red'>world</span>"; 赋值

        //表单元素  赋值 取值

        //a.value = "hello";

    //操作属性

        //a.setAttribute("bs","1");

        //a.getAttribute("bs");

        //a.removeAttribute("bs");

    //操作样式    样式表里的样式和js里的样式不一样;js只能获取内联的

        //a.style.color = red;

    //三个DIV隐藏

    //找到后交给一个变量存起来

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

    for(var i=0;i<a.length;i++)

    {

        a[i].style.display = "none";

    }*/

    //事件    在标签里面直接加

    /**************************************************/

    //Jquery

    //根据ID找元素,取到的是JQUERY对象;$是选取元素的方法

    //var b = $("#a1");

    //根据CLASS取

    //var b = $(".aa");

    //alert(b.eq(0)); //取jquery对象用eq()取元素本身用[]

    //根据标签名取

    //var b = $("div");

    //根据属性筛选

    //var b = $("[name=aa]");

    //操作元素

    //操作内容    取值不给参数，赋值给参数

        //非表单元素

        //b.text();

        //b.html();

        //表单元素

        //b.val();

    //操作属性

        //b.attr("bs","1");    设置属性

        //b.attr("bs");    获取属性

        //b.removeAttr("bs"); 移除属性

    //操作样式    jquery还可以获取内嵌的和外部的

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

        //b.css("font-size","50px");

    //alert(b[0]);  //取jquery对象用eq()取元素本身用[]

    //隐藏三个元素

    //$(".aa").css("display","none");

    //Jquery【加】事件    先找元素，找到之后挂上事件；     document：页面文档    匿名函数：function(e) {}    一般还是使用加

    //页面加载完成之后执行的事件    "#a1" 代表事件源 e代表事件数据

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

        /*//给a1加点击client

        $("#a1").click(function(){

                alert('aa');

            })

        //给class为aa的所有元素加事件

        $(".aa").click(function(){

                //alert($(this).attr("bs"));

                $(".aa").css("background-color","#39F");

                $(this).css("background-color","red");

            })*/

        //第二种方式【挂】事件 bind("要绑定的事件名"，执行的方法)      unbind("要移除的事件名")

        $("#b1").click(function(){

                $("#a1").bind("click",function(){

                    alert("我是挂上的事件");

                    });

            })

        $("#b2").click(function(){

                $("#a1").unbind("click");

            })

    });

</script>

</body>

</html>

1108testjs.php

jQuery（20161108）的更多相关文章

  1. 强大的JQuery（二）--动画效果

    上篇博客我们讲过了jquery的基础知识--强大的JQuery(一)--基础篇,作为web开发人员,网页的动画效果是不可缺少的,本篇博客重点来说说jquery的动画效果的实现. 因为动画的效果不能截图 ...

  2. 从零开始，DIY一个jQuery（2）

    在上篇文章我们简单实现了一个 jQuery 的基础结构,不过为了顺应潮流,这次咱把它改为模块化的写法,此举得以有效提升项目的可维护性,因此在后续也将以模块化形式进行持续开发. 模块化开发和编译需要用上 ...

  3. 从零开始，DIY一个jQuery（1）

    从本篇开始会陪大家一起从零开始走一遍 jQuery 的奇妙旅途,在整个系列的实践中,我们会把 jQuery 的主要功能模块都了解和实现一遍. 这会是一段很长的历程,但也会很有意思 —— 作为前端领域的 ...

  4. 锋利的JQuery（五）

    jQuery与Ajax: load: load(url)   $("#resText").load("test.html")  加载所有元素 load(url ...

  5. 强大的JQuery（一）--基础篇

    JQuery是一个优秀的Javascript框架,是轻量级的js库,使用jQuery将极大的提高编写javascript代码的效率,,让写出来的代码更加优雅,更加健壮. 学好了jquery,我们相当于 ...

  6. Python开发【第十三篇】：jQuery（二）

    http://www.bubuko.com/infodetail-1438296.html 处理完毕需要整理贴进来 Python之路[第十三篇]jQuery案例-Form表单&插件及扩展   ...

  7. 从零开始学习jquery （二）

    前面我们了解到了如何获取使用jquery,下面我们主要看看jquery的一些语法.基本的语法 $(selector).action(). 美元符号定义 jQuery 选择符(selector)&quo ...

  8. JQuery（上）

    1.流行的JavaScript类库   --  框架.插件 )为了简化 JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数 ...

  9. JQuery（下）

    26.jQuery 中的 DOM 操作 )DOM(Document Object Model—文档对象模型):一种与浏览器, 平台, 语言无关的接口, 使用该接口可以轻松地访问页面中所有的标准组件 ) ...

随机推荐

  1. eclipse中的Java项目导出成为一个可以直接双击运行的jar文件

    1. 选择要到处JAR文件的工程,右键选择“Export” 2. 选择“Java-->Runnable JAR file”,点击“Next”: 3. 在“Launch configuration ...

  2. ASP.NET\MVC 解决C#上传图片质量下降，图片模糊，水印有杂点的问题

    对图片处理这一块不是很懂,自己写不出来,这些年一直没有停止找一个上传图片质量不下降,加水印不会导致模糊和水印周边产生杂点的代码. 网上基本上99.9%的代码处理图片质量都是下面这两句: //设置质量 ...

  3. .Net学习难点讨论系列17 - 线程本地变量的使用

    *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* ...

  4. 蓝牙连接音响问题（android电视）

    最近老大让我开发电视的蓝牙,由于android电视的蓝牙不稳定和设计上的各种各样的要求,需要在原有的基础上做一些更改,中间遇到了各种问题,在此总结一下. 我们首先要获取blueToothAdapter ...

  5. 使用C#读写ini配置文件

    INI就是扩展名为"INI"的文件,其实他本身是个文本文件,可以用记事本打工,主要存放的是用户所做的选择或系统的各种参数. INI文件其实并不是普通的文本文件.它有自己的结构.由若 ...

  6. unity中锁定鼠标移动&&隐藏鼠标&&强制是鼠标移动到某一位置

    [System.Runtime.InteropServices.DllImport("user32.dll")] //引入dll public static extern int ...

  7. pom.xml配置详解

    <!--可以免费转载,转载时请注明出处  http://pengqb.iteye.com .--><project xmlns="http://maven.apache.o ...

  8. Swift 2.0 UItableView 的简单使用

    在IOS开发中,UItableView 的使用真的是最常见最普通的了,现在在自学swift 今天也是这用Swift 写了写 UItableview的使用,还有一些经常出错的地方.下面我先把整个控制器的 ...

  9. D. Jzzhu and Numbers

    这就是这个题目的意思,真的感觉这个思想是太神奇了,我这种菜逼现在绝壁想不到这样的证明的过程的,还有就是这个题的推道过程,以下思路纯属借鉴卿学姐的,还是自己太菜了,,,, 讲道理这种问题我真的想不到用容 ...

  10. 4G最快网速相当于30M宽带

    [导读]据北京移动方面介绍,目前其4G网络的覆盖范围包括:东西北三环.南至两广路以内的地区:清华北大.国贸CBD及园博会等地区. 在4G年内发牌已成定局的背景下,各运营商都在加快布局,北京移动近期就推 ...