jQuery入门(1)

js跟jQuery在获取元素，方法书写上的区别

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript">function write1(){document.getElementById("sp").innerHTML="萌萌哒！";}$(function() {$("#bt2").click(function(){/*document.getElementById("sp").innerHTML = "aaa";*/$("#sp").html("hhh");});   });</script></head><body><input type="button" name="" id="bt1" value="js写入" οnclick="write1()" /><br><input type="button" name="" id="bt2" value="jquery写入" /><br /> 宝贝儿：<span id="sp">我爱你！</span></body></html>

上面这个例子很形象的说明了jQuery在获取元素跟方法上的区别

jQuery书写方法首先要用页面加载函数$(function(){ ......... });包裹起来

获取元素通过$("#id")

当然在这里面也可以通过js的方式书写代码。

$(function() {/*$("#bt2").click(function(){//document.getElementById("sp").innerHTML = "aaa";$("#sp").html("hhh");});*/document.getElementById("bt2").οnclick=function(){document.getElementById("sp").innerHTML="bbb";}
});

但是要记住一点，一旦通过jQuery的方式获取了元素，那么就相当于获得了jQuery的对象，而jQuery对象是无法操作js里面的属性跟方法的。$("#id").innerHTML这个操作是不行的。同样反过来也不能。

jQuery入门(1)相关推荐

Jquery入门详解
JQuery 入门介绍 1.JQuery概述:Jquery是继prototype之后又一个优秀的Javascrīpt框架.它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器(I ...
jQuery——入门（四）JQuery 事件
jQuery--入门(四)JQuery 事件一.事件初探加载文档完成触发: window.onload = function(){} //js $(window).load(function( ...
jQuery——入门（三）JQuery DOM操作（核心处理和文档处理）
jQuery--入门(三)JQuery DOM操作(核心处理和文档处理) 一.核心处理(JQuery对象访问) 1.页面加载检测函数:$(document).ready(function(){}); ...
jQuery——入门（二）动画
jQuery -- 入门(二)动画/效果一.案例解析 hide([speed,[easing],[fn]]) []:意思表示的方括号中的东西是可选的,可有可无的: []中,会有对应的参数名称[变量名 ...
jQuery——入门（一）JQuery的简介与基本选择器的使用
JQuery入门(一)-- 基本简介与基本选择器的使用一.jQuery简介 jquery是2006年1月由美国人John Resig在纽约barcamp发布,目前已经成为辅助javascript开发 ...
jQuery入门[1]－构造函数
jQuery入门[1]-构造函数 jQuery入门[2]-选择器 jQuery入门[3]-事件 jQuery入门[4]-链式代码 jQuery入门[5]-AJAX jQuery入门[6]-动画 JQu ...
jQuery入门选择器
Hilo Everybody wellcometo my channel ! 今天Lion带大家初步认识一下 jQuery(jquery01) 首先第一个我们来聊聊 & ...
jQuery入门 jQuery入门第三天
jQuery入门 jQuery入门第三天老师:黑马程序员文章目录 jQuery入门 jQuery入门第三天老师:黑马程序员 3. jQuery事件 3.1 jQuery事件注册 3.1.1 单个 ...
JQuery入门(1) - 选择器
JQuery入门(1) - 选择器 $("元素") // 选取元素 $("元素.类名") // 选取元素中class为"类名"的元素 $(& ...
jQuery入门案例
jQuery入门案例 html内容如下: <!DOCTYPE html> <html lang="en"> <head><meta cha ...

jQuery入门(1)

jQuery入门(1)相关推荐

最新文章

热门文章