Jquery运用

                                             Jquery运用

1. div的显示与隐藏

2. jQuery取值、判断、赋值

        用到bootstrap+jQuery以及laydate时间样式文件

 

1. div的显示与隐藏

1. DIV的显示

        给input按钮一个ID,然后创建对应的click点击事件

        语法为：$(“#这里是id名”).click(function(){}); 使用$需要引入JQuery

         $(“#div”).fadeIn() 使div显示出来  

        fadeIn()方法与show()方法最终效果相同 括号内可以添加时间参数，单位为毫秒 1000毫秒=1秒  实例看图

1. DIV的隐藏

原理一样

语句：$(“#div”).fadeOut() 与之相反

两者的不同是： hide隐藏的效果是从下至上或从右下到左上的慢慢折叠缩小，而fadeOut是整体淡化直至消失（这项不再演示，有兴趣的同学可以自己操作，时间设置久一点）

aria-hidden是干什么的？建议自行百度

1. DIV的隐藏 （点击服务端控件按钮使控件隐藏）

给DIV加上runat="server" 使后台可以获取到DIV

然后在按钮点击事件里添加div.Style.Add("display", "none");简单粗暴

缺点是无法使用淡出效果。

之前试过给按钮添加OnClientClick事件 以失败告终

1. jQuery取值、判断、赋值

1. 取值

 

语句如图所示

$(document).ready()意为重复加载，如果不加此代码，文本框失焦事件将只执行一次

                     Blur()事件为文本框失去焦点事件

                     Val() 获取表单中文本框的值 //获取值时括号内不要加参数

                     html()在别的地方获取标签中的值  //获取值时括号内不要加参数

使用substring 取值

 语法：txt.substring(start,stop)

start必填 非负整数，规定要提取的子串的第一个字符在 txt中的位置

stop选填 如果省略该参数，那么返回的子串会一直到字符串的结尾

如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数

 

1. 判断

If else 重点是括号内的正则或者别的条件要会写

 

1. 赋值

Val() 括号内一定要给参数否则无效

Html()同上

text()同上