dom AND JQUERY

1.文档全部加在完毕后执行

一:$(document).ready(function(){}

二:$().ready(function(){}

三:window.onload=function(){}

2.dom转jQuery

var username=document.getElementById("username");
alert(username.value);
var $username=$(username);
alert($username.val());

3.jQuery转dom

var $username=$("#username");
alert($username.val());
一:var obj=$username[0];
二:var obj1=$username.get(0);
alert(obj.value);
alert(obj1.value);

时间: 2024-10-29 10:34:00

dom AND JQUERY的相关文章

DOM与JQuery 常用属性

DOM 与 JQuery 与 HTML5 事件 DOM: document.getElementById('btn ').onclick = function(){ }; jQuery: $('#btn').click(function(){ });  ---> 添加事件没有on 对象.事件名(匿名函数); jQuery对象转DOM对象 jQuery对象[0].value(); jQuery对象.get(0).value(); this this     $(this) 获取值 DOM: .va

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0

dom与jquery互相转换

1 /*取得<input>标签中的value属性的内容[dom对象->jquery对象] 2 var inputElement = document.getElementById("inputID");//DOM对象 3 var $input = $(inputElement);//jQuery对象 4 var value = $input.val(); 5 alert(value); 6 */ 7 8 /*取得<div>标签中的文本内容[jquery对象

JQuery对象转dom ,dom转jQuery

jquery对象转换成 dom对象jquery提供了两种方法将一个jquery对象转换成一个dom对象,即[index]和get(index).可能有人会觉得奇怪,怎么是用下标呢,没错,jquery对象就是一个数组对象.下面代码将演示一个jquery对象转换成dom对象,再使用dom对象的方法复制代码 代码如下: var $cr=$("#cr"); //jquery对象var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);alert(cr.ch

全选与反选(dom与jquery比较)

<html> <head> <title>全选或反选(dom)</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script> var divCheckbox; function init(){ var allCheckbox = document.getElementById("

jQuery操作Dom、jQuery事件机制、jQuery补充部分

jQuery操作Dom: 修改属性: //使用attr()方法 //attr(name, value) //name:要修改的属性的属性名 //value:对应的值 //attr方法,如果当前标签有要修改的属性,就会进行修改,如果没有,直接添加 例:$("a").attr("href","http://www.baidu.com"); 修改多个属性值: //attr(obj) $(“img”).attr({ “title”: ”文件名称”, “s

python_way day16 JavaScirpt(re)、 DOM 、 jQuery、

Python_way day16 1.Dom  (找到html中的标签) 2.Javascirpt(正则) 3.jQuery(1.10,1.12-兼容性好,2.0.以后放弃了ie9以下) - 封装了Dom & JavaScript 一.DOM 1.查找元素 直接查找 document.getElementById 根据ID获取一个标签 --->这里是获取一个标签中间没有s document.getElementsByName 根据name属性获取标签集合 document.getElemen

jQuery基础学习2——DOM和jQuery对象

1 <body> 2 <h3>例子</h3> 3 <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> 4 <ul> 5 <li id="apple">苹果</li> 6 <li>橘子</li> 7 <li>菠萝</li> 8 </ul> 9 </body> 可以通过JavaScr

Javascript、Dom、JQuery

1.Javascript JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. 1.1 存在形式 1 1.文件形式 2 <script src="../jquery-2.2.0.js" type="text/javascript"></script> 3 2.嵌入HTML中 4 &l