1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<title>04-jq事件绑定、入口函数、样式控制</title> 6<script src="js/jquery-3.3.1.min.js"></script> 7<script> 8/*window.onload = function () { //js入口函数9 $("#b1").click(function () {
10 alert("hello jquery");
11 });
12 };*/1314/*$(function () { //jq入口函数(dom文档加载完成之后执行该函数中...
一、dom对象及jquery对象相互转换 jquery对象转换成dom对象,即 [index] 和 get(index) 第一种方式:
var $j = $(‘#id‘); // jquery对象
var j = $j[0]; // dom对象第二种方式:
var $j = $(‘#id‘); // jquery对象
var j = $j.get(0); // dom对象二、jquery库与其他库的冲突 1. jquery库在其他库之后导入第一种:使用 jQuery.noConflict() 函数<script type="text/javascript" src = "prototype.js"><...
1/**2 * 【JQ基础动画】3 * show() 显示4 * hide() 隐藏5 * toggle() 切换6 * 默认无动画,如果要产生动画7 * 在括号内,添加毫秒数,可产生动画和控制动画的快慢8 *9 * 《滑动动画》
10 * slideDown() 滑动显示(下)
11 * slideUp() 滑动隐藏(上)
12 * sli...
代码风格 在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象,所以我们在页面元素选择或执行功能函数的时候可以这么写: $(function () {}); //执行一个匿名函数 $(‘#box’);//进行执行的ID元素选择 $(‘#box’).css(‘color’, ‘red’);//执行功能函数由于$本身就是jQuery对象的缩写形式,那么也就是说上面的三段代码...
参考: http://www.cnblogs.com/hannover/p/4109779.html1.JQuery this和$(this)的区别相信很多刚接触JQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? 首先来看看JQuery中的 $() 这个符号,实际上这个符号在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($(‘#id‘));时,会弹出一个[object Object ],这个object对象,也...
$(‘#box‘).css(‘color‘,‘red‘);//将id为box的元素的颜色设置为红色
$(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘50px‘);//在上面的基础上再设置字体var tt = document.getElementById(‘box‘);//DOM方法获取id为box的元素var tt = $(‘.pox‘)[1];//jquery方法获取class为pox的第一个元素
alert(tt.innerText);//输出元素的innerText值var $$ = jQuery;//创建一个$$的jQuery对象
jQuery.noConflict();//将$...
通过之前的学习我们已经了解了html、css、javascript的相关知识;本次我们就共同学习进阶知识:jQuery~一、什么是jQuery?jQuery其实就是一个轻量级的javascript函数库,通过它我们可以"写的少做的多";jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities二、jQuery使用jQuery目前分为1.x 2.x和3.x版本,这里咱们以1.12版本为例;中文文档链接:http://j...
‘‘‘js小知识 js注释 /*多行注释*/ //单行 引入方式 <script src="js路径"></script> <script> window.onload=function(){js} $(document).ready({js}) $(function(){js}) <script> 结束符 ;js基础 var let const 数据类型 number parseInt() parseFloat() string .length .trim() .tri...
此方法用于在选择器的基础之上搜索被选元素中符合表达式的父元素取得一个包含着所有匹配元素的唯一父元素的元素集合,你可以使用可选的表达式来筛选:实例:<html lang=‘zh-cn‘>
<head>
<title>Insert you title</title>
<meta http-equiv=‘description‘ content=‘this is my page‘>
<meta http-equiv=‘keywords‘ content=‘keyword1,keyword2,keyword3‘>
<meta http-equiv="Content-Type" content="text/html; charset=utf-...
1.JQ完成定时弹出广告 步骤分析创建html文档在页面中创建一个广告部分的div,设置div隐藏设置定时操作,1秒执行一个显示的方法设置定时操作.1秒执行一个隐藏方法//引入JQ<script type="text/javascript" src="../js/jquery-1.11.3.min.js" ></script><script>//定义一个时间的全局变量var time;//设置加载时的函数$(function(){//设置时间绑定显示的函数time = setInterval("showAd()",1000);});//显示的函数function showAd(){//...
1、结论mouseove:不论鼠标指针穿过被选元素或其子元素,都会触发;mouseenter:只有在鼠标指针穿过被选元素时,才会触发事件;<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>div{width: 200px;height: 200px;padding: 5px;border: 1px red solid;}span{display: inline-block;width: 50px;height: 50px;background: blue;}</style>
</head>
<body><div class="over"><span>0</spa...
转载自:http://www.wufangbo.com/jquery-pan-duan-checked/jquery判断checked的三种方法:.attr(‘checked): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop(‘checked‘): //16+:true/false.is(‘:checked‘): //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:所有的jquery版本都可以这样赋值:// $("#cb1").attr("checked","checked");// $("#cb1").attr("checked",true);jquery...
1-1 环境搭建搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行。下载jQuery文件库在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库。在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版。引入jQuery文件库下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载...
JQuery是由美国人John Resig于2006年创建的一个开源项目,随着人们的熟知,越来越多的程序高手加入其中,完善和壮大其项目内容;如今已发展成为JavaScript、CSS、DOM、AJAX于一体的强大框架体系。jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写的更少,做的更多)。 下面先用一张图总体概括一下。 下面对JQuery一些基础知识介绍一下。1.$
在JQuery中使用最多的莫过于“$”了,无论是页面元素...
学习jQuery的时候,很快过了一遍,发现好多知识点不清晰。看来还是要写出来加深印象,平时多练习!jQuery是一个Javascript函数库,轻量级,“写得少,做的多!”,它有以下功能:HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTML DOM遍历和修改AJAXUtilities(实用工具)很多大公司都在使用jQuery:Google,Microsoft,IBM等。jQuery兼容所有主流浏览器,包括IE6(不失为解决兼容性的一种方法)。注意:jQuery 2...