山东裕达建设工程咨询有限公司网站,免费发布信息网,建设一个网站需要什么人员,上海巨型网站建设在jQuery中#xff0c;如何使用函数呢#xff1f;
1.基本函数 函数(常用的) 其实有很多函数#xff0c;但是我们只需要掌握常用的函数即可 1.val 操作dom对象的value val() 没有参数 获取dom数组中第一个dom对象的value值 val(value) 有参数 设置dom数组中所有dom对象的…在jQuery中如何使用函数呢
1.基本函数 函数(常用的) 其实有很多函数但是我们只需要掌握常用的函数即可 1.val 操作dom对象的value val() 没有参数 获取dom数组中第一个dom对象的value值 val(value) 有参数 设置dom数组中所有dom对象的value值 2.text 操作标签的文本内容 标签开始和结束之前的文本内容 text() 没有参数 把dom数组中所有dom对象的文本内容连接起来形成一个字符串并且返回这个字符串。 text(参数) 给dom数组中的所有成员 统一赋值 3.attr() 操作value、文本以外的属性 attr(属性名) 获取dom数组中第一个dom对象的此属性的属性值 attr(属性名,属性值) 给dom数组中所有dom对象的此属性赋值 !DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlescript typetext/javascript src../js/jquery.js/scriptscript typetext/javascript$(function () {$(#btn1).click(function () {//获取第一个文本框的内容// var text $(:text).val();var text $(:text:first).val();alert(第一个文本框的内容为 text);// console.log(第一个文本框的内容为text);});$(#btn2).click(function () {//设置所有文本框赋予新的值$(:text).val(三个大哥);});$(#btn3).click(function () {//获取div的所有文本 三个div的名字连接到一起var text $(div).text();alert(text);});$(#btn4).click(function () {//设置div的文本$(div).text(we are family);});$(#btn5).click(function () {//读取src的值 使用attr函数var txt $(img).attr(src);alert(图片的地址 txt);});$(#btn6).click(function () {//设置src的值$(#img1).attr(src, ../img/three.png);});});/scriptstyle typetext/cssdiv {background-color: gray;}/style/headbodyp文本框/pinput typetext value刘备 /br /input typetext value关羽 /br /input typetext value张飞 /br /br /p/pdiv我们学习的是开发语言/divdiv,jQuery/divdiv,HTML/divbr /br /p按钮/pbutton idbtn1读取第一个文本框的内容/buttonbr /button idbtn2设置所有文本框赋予新的值/buttonbr /button idbtn3获取div的所有文本/buttonbr /button idbtn4设置div的文本值/buttonbr /button idbtn5读取src的值/buttonbr /button idbtn6设置src的值,换一个图片/buttonbr /p图片/pimg idimg1 src../img/jQuery.png alt /br /br /br //bodyscript/*函数(常用的) 其实有很多函数但是我们只需要掌握常用的函数即可1.val 操作dom对象的value val() 没有参数 获取dom数组中第一个dom对象的value值val(value) 有参数 设置dom数组中所有dom对象的value值2.text 操作标签的文本内容 标签开始和结束之前的文本内容text() 没有参数 把dom数组中所有dom对象的文本内容连接起来形成一个字符串并且返回这个字符串。text(参数) 给dom数组中的所有成员 统一赋值3.attr() 操作value、文本以外的属性attr(属性名) 获取dom数组中第一个dom对象的此属性的属性值attr(属性名,属性值) 给dom数组中所有dom对象的此属性赋值*//script
/html2.其他函数 1.romove() 删除元素 $(选择器).remove(); 删除选择的dom对象和他的子对象 2.empty() 删除元素的子元素 $(选择器).empty(); 删除选择的dom对象的子对象 3.append() 在元素内部的最后添加内容 $(选择器).append(字dom对象); 在选择的dom对象内部的最后添加新的dom对象 4.html() 获取元素的内容 html() 获取dom数组中第一个dom对象的文本值 返回值相当于innerHTML html(文本内容) 给dom数组中的所有成员设置新的文本内容 5.each() ....... !DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlescript typetext/javascript src../js/jquery.js/scriptscript typetext/javascript$(function () {$(#btn1).click(function () {//删除第一个selectdom和子dom对象$(select:first).remove();});$(#btn2).click(function () {//删除最后一个selectdom的子dom对象$(select:last).empty();});$(#btn3).click(function () {// 在div中添加一个按钮$(#mydiv).append(button idnewbtn我是新加的按钮/button);$(#mydiv).append(table border1 trtd测试/td/tr/table);});$(#btn4).click(function () {//dom数组中第一个dom对象的文本(innerHTML的内容)包含html标签的内容alert($(span).html());});$(#btn5).click(function () {//设置dom数组中所有dom对象的文本(innerHTML的内容)$(span).html(b我是新的内容/b);});});/scriptstyle typetext/cssdiv {background-color: gray;}/style/headbodyselectoption value老虎老虎/optionoption value狮子狮子/optionoption value大象大象/option/selectbr /br /selectoption value亚洲亚洲/optionoption value欧洲欧洲/optionoption value非洲非洲/option/selectbr /br /div idmydiv stylebackground-color: red我是一个div/divbr /br /span我是bjava/b,他是一个开发语言/spanbr /span我们要学习的是分布式开发/spanbr /br /button idbtn1使用remove删除dom对象/buttonbr /button idbtn2使用empty删除子dom对象/buttonbr /button idbtn3追加dom对象/buttonbr /button idbtn4获取dom数组中第一个dom对象的文本(innerHTML的内容)/buttonbr /button idbtn5设置(innerHTML的内容)/buttonbr //bodyscript/*1.romove() 删除元素 $(选择器).remove(); 删除选择的dom对象和他的子对象2.empty() 删除元素的子元素$(选择器).empty(); 删除选择的dom对象的子对象3.append() 在元素内部的最后添加内容$(选择器).append(字dom对象); 在选择的dom对象内部的最后添加新的dom对象4.html() 获取元素的内容html() 获取dom数组中第一个dom对象的文本值 返回值相当于innerHTMLhtml(文本内容) 给dom数组中的所有成员设置新的文本内容5.each() .......*//script
/html
