宝哥软件园

JQuery学习总结【二】

编辑:宝哥软件园 来源:互联网 时间:2021-09-07

一:JQuery知识点

*:JQuery的数字正射影像图操作

*:动态创建数字正射影像图节点

比如动态创建表格等,在射流研究…里面进行完成。

*删除节点

这里面的删除就是将其放在了一个地方,并不是真的删除,之后可以使用。

*:文档方法

1:val()可以获取到文本框里面的值,若括号里面有值则直接为赋值。

Eg:加法计算器

!DOCTYPE html html lang=' en ' xmlns=' http://www .w3。org/1999/XHTML ' head meta charset=' utf-8 '/title/title script src=' http : js/jquery-1。4 .2-vsdoc。js '/script script src=' http : js/jquery-1。4 .2 .js '/script脚本类型=' text/JavaScript ' $(function())单击(function() { var tex1=$('#tex1 ').val();var tex2=$('#tex2 ').val();var tex3=parseInt(tex1,10) parseInt(tex2,10);$('#tex3 ').val(tex 3);});});/脚本/流浆池输入类型=' text ' id=' tex 1 '/输入类型='按钮'值=' '/输入类型='text' id='tex2'/输入类型='按钮'值='=' id=' buttons '/输入类型='text' id='tex3'/正文/html

2:可以通过属性属性来进行隐藏。

3:在日本季刊日本季刊里面通过下面的这种形式

(function());这是把一个(function());这是把一个()是让其在准备好的的时候执行,若是没有这个就是定义了一个方法。

Eg:阅读说明书

!DOCTYPE html html lang=' en ' xmlns=' http://www .w3。org/1999/XHTML ' head meta charset=' utf-8 '/title/title script src=' http : js/jquery-1。4 .2-vsdoc。js '/script script src=' http : js/jquery-1。4 .2 .js '/script script type=' text/JavaScript ' var left seconds=1 var intarvalId $(function(){ $(' # buttons ').attr('disabled ',true);intarvalId=setInterval(' CountDom()',1000);});函数计数DOM(){ if(左秒=0){ $(' # buttons ')." val("同意');$(' #按钮').attr('disabled ',false);clearInterval(InTarvaid);返回;}剩余秒-;$(' #按钮')." val("请仔细阅读'左秒'秒');}/脚本/床头文本区在使用前请仔细阅读说明书/textarea输入类型=' button ' id=' buttons '值='同意//正文/HTMlG:无刷新评论

Eg:文本颜色变化

代码:

Eg:

代码:

*:节点替换

*:样式的操作

*:练习代码

选中的高亮显示,里面就是有如何在日本季刊日本季刊里面添加钢性铸铁样式。

!DOCTYPE html html lang=' en ' xmlns=' http://www .w3。org/1999/XHTML ' head meta charset=' utf-8 '/title/title script src=' http : js/jquery-1。4 .2-vsdoc。js '/script script src=' http : js/jquery-1。4 .2 .js/script style type=' text/CSS ' # tables { margin 3333 }/style script type=' text/JavaScript '/$(function(){/$(' # tables tr : first ')).css('font-size ',30);//$('#tables tr:last ').css('color ',' red ');//$(' # tables tr : gt(0): lt(6)').css('font-size ',28);//$(' # tables tr : gt(0): even ').css(“”背景','红色');//});$(函数(){ $('#tables tr ')).click(function() { $('td ',$(this)).css(“”背景','红色');});});/script/head body表id=' tables ' trtd姓名/tdtd年龄TD/tr/trtd小张/tdtd2/td/tr trtd小红/tdtd43/td/tr trtd小路/tdtd23/td/tr trtd小李/TDT/23/TD/tr/table/body/html *取的单选按钮操作

*:实例[全选和反选]

01:这里主要的就是将以前学习到的知识,得以回顾,这样子好记忆。

html lang=' en ' xmlns=' http://www . w3 . org/1999/XHTML ' head meta charset=' utf-8 '/title/title script src=' http : js/jquery-1 . 4 . 2-vsdoc . js '/script script src=' http : js/jquery-1 . 4 . 2 . js '/script类型=' text/JavaScript ' $(function(){ $(')单击(function(){ $(' # List : checkbox ')。attr('checked ',true);//这是div}下的按钮);$(' # notstellal ')。单击(function(){ $(' # List : checkbox ')。attr('checked ',false);});$('#reverse ')。单击(function(){ $(' # List : checkbox ')。每个(函数(){ $(this))。attr('选中',$(这个)。attr('选中');});});});/script/head body div ID=' list ' Input type='checkbox'/篮球1br/输入类型='checkbox'/足球2br/输入类型='checkbox'/篮球3br/输入类型='checkbox'/篮球4br/输入类型=' checkbox '/篮球5br//div InputType=' button '值='全选' ID=' set all'/InputType=' button '值=' select none ' ID=' notstellal '/Input type=' button '值=' reverse '

*:jquery中的click事件是封装的bind函数,表示click事件。

* :悬停功能,这里是监视鼠标的事件。

*:禁用超链接

脚本类型=' text/JavaScript ' $(function(){ $(' a '))。点击(函数(e) {alert ('Link今天要死了');e . PreventDefault(0);//表示链接被禁用});});/script a href=' Hover . html ' link/a *:Cookic

定义:是保存在浏览器中的内容。用户在此浏览页面时将文本内容保存在Cookic中,下次访问时可以取出上次保存的内容,从而获得上次“记忆”的内容。Cookic是存储在浏览器中的数据。可以禁用

特点:

1:与域名有关

《baidu.com的Cookic和taobao.com的Cookic是不一样的。》

写入Cookic的域名总数为2:个,这是有限制的。数千字节

3: Cookic可能不可读,但用户可以擦除。它可以同时被禁用。

以上就是本文的全部内容。希望对大家有帮助。如果您感兴趣,请阅读上一篇JQuery研究总结[1]。同时希望多多支持我们!

更多资讯
游戏推荐
更多+