怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
HTML中可以用jQuery操作元素,从而进行排列布局。今天小编我就来告诉大家jQuery怎样获取元素值以及获取select选中的option值。
这是一个引入有jQuery的HTML例子界面,div设置了id和class。
之后,jQuery便可以根据页面id和class来轻松找到元素。id前面要加一个#号哦。html()是获取内容的jQuery方法,获取元素后直接用便OK了。
接着可以用alter调试看看获取的内容,当然也可以用其他你习惯的调试方法。
之后,看下有没有真的获取到了拥有id的元素,弹出内容正确,说明获取了。
class跟id差不了多少,但是要把#改成.(点),这样才会有效哟。而如果用标签名直接查找元素则直接写标签名便可以了。
而我们来看一个select的例子,可以添加change事件,然后val()就可以得到option的value值了。需要注意,option里面的value不能为空,否则获取也为空。
而text()则是获取option标签中的文本,find用来设置选中的option。也就是说即使option中的value为空也不影响text()获取值。但是一般来说提交表单时需要的是value,而不是text文本,所以用val就可以了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
相关文章
怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码,在编写代码时会经常出现下拉的菜单供我们选择,为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大,使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是,可以做一个网站,基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY