php开发中一些前端知识杂总
2016-03-21 20:30
447 查看
推荐几个jqyuey插件的好地方
http://jqueryui.com/ http://www.jq22.com/
背景:
服务端采用ci3.0框架,twig作为模板嵌套。
twig模板手册:
http://pengbotao.cn/twig-template-language.html http://twig.sensiolabs.org/documentation
url为通过http请求的地址,其中function为回调函数,data为服务端返回的数据,state为状态判断是否请求成功。
-添加 star_on 和 star_off 两个图标文件到项目图片文件夹里。
具体添加代码:
添加html代码
js代码
之所以用lable的原因是因为可以被form提交。
select为选中事件,更多事件请看文章开头的地址。
获取id为name的值,若括号内有语句,则是赋值功能 ,与 document.getElementById('member_id').value = xx 一样
设置id为a的超链接标签的链接地址
http://jqueryui.com/ http://www.jq22.com/
背景:
服务端采用ci3.0框架,twig作为模板嵌套。
twig模板手册:
http://pengbotao.cn/twig-template-language.html http://twig.sensiolabs.org/documentation
1、jqyuey使用get方法向服务端请求数据
$.get("url", function(data, state){ //todo })
url为通过http请求的地址,其中function为回调函数,data为服务端返回的数据,state为状态判断是否请求成功。
2、前端星级评分功能(采用jqyuey)http://www.jq22.com/jquery-info291
-下载代码,添加 jquery.raty.min.js 文件到项目的js文件夹里,然后在代码里引入。-添加 star_on 和 star_off 两个图标文件到项目图片文件夹里。
具体添加代码:
添加html代码
<label id="star"></label>
js代码
<script type="text/javascript" src="your_js_file_url/jquery.raty.min.js"></script> //星级评分js文件 <script> /*星级显示控制*/ $.fn.raty.defaults.path = 'your_image_file_url/images'; $("#star").raty(); </script>
之所以用lable的原因是因为可以被form提交。
3、输入快自动匹配功能
<input name="" id="name" type="text" class="txt" size="20">
引入必要文件 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script type="text/javascript"> $(function(){ //输入框自动 自动匹配 $.get("url", function(data,state){ var availableTags = JSON.parse(data); $( "#name" ).autocomplete({ minLength: 0, source: availableTags, select: function( event, ui ) { }) return false; } }) }) })
select为选中事件,更多事件请看文章开头的地址。
4、jqyuey中一些html的操作
设置id为sex的html便签内容,<>这里的</>document.getElementById('sex').innerHTML
获取id为name的值,若括号内有语句,则是赋值功能 ,与 document.getElementById('member_id').value = xx 一样
$( "#name" ).val()
设置id为a的超链接标签的链接地址
document.getElementById('a').setAttribute('href', 'you_url');
相关文章推荐
- 前端构建工具gulpjs的使用介绍及技巧
- [Angular 2] Using Pipes to Filter Data
- [offer收割]编程联系赛2-A 买零食
- jsch文件下载功能
- css百事可乐
- css3:nth-child(n):
- jsch上传文件功能
- Javascript创建对象的3种方式
- jquery操作table备忘
- 常用类-StringBuffer
- 4款好用的开源HTML编辑器
- 第十二讲--logbuffer相关设置
- HTML5 页面跳转和参数传递
- ReactNative 代码智能提醒(webstorm)
- Node.js数据流Stream之Duplex流和Transform流
- Angular Light 指令用法
- 第九讲--buffer状态深入剖析
- model - MJExtension 扩展工具(基于js)+2016.6.5扩展OC版本
- 第八讲--buffer cache大小的设置及依据
- effective java:通用程序设计